body{background-color:#f5f7fa;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#262626;margin:0;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.container{width:800px;margin:0 auto;padding:8px}h1{font-size:2.25rem;line-height:2.5rem;font-weight:900;letter-spacing:-.025em;text-wrap:balance;margin-bottom:.25rem}header{text-align:center}header p{font-size:1.25rem;font-weight:400;line-height:1.75rem;letter-spacing:-.025em;margin-top:.25rem}.tab-container{width:100%}.tabs{display:flex;align-items:center;justify-content:center;gap:5px}.tab-button{background-color:#f5f7fa;padding:10px 15px;cursor:pointer;color:#262626;border:1px solid #f5f7fa;border-radius:20px;transition:background-color .3s}.tab-button:hover:not(.active){background-color:#ddd}.tab-button.active{color:#262626;background-color:#fff;border:1px solid #ccc;margin-bottom:-1px}.tab-content{display:none;padding-top:10px}.tab-content.active{display:block}.input-section{margin-bottom:20px;position:relative;height:100px}textarea{width:100%;height:100px;padding:20px 50px 20px 25px;border-radius:30px;border:1px solid #ccc;font-size:16px;box-sizing:border-box;resize:none}#generate_button{position:absolute;bottom:10px;right:10px;cursor:pointer;z-index:10;padding:0;width:40px;height:40px;border-radius:100%;display:flex;align-items:center;justify-content:center}#generate_button:disabled{opacity:.6}.button-group{display:flex;gap:2px}button{padding:5px 8px;border:1px solid #eee;background-color:#3498db;color:#fff;border-radius:20px;cursor:pointer;font-size:smaller;transition:background-color .2s;display:flex;align-items:center;justify-content:center}button:hover{background-color:#2980b9}#loading{display:none;margin-top:10px;font-style:italic;color:#555}#site_display{overflow:hidden}iframe{width:100%;height:600px;border:1px solid #eee}#sites_list{list-style-type:none;padding:0;margin:0}.site-item{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid #eee}.site-item:last-child{border-bottom:none}.site-item span{flex-grow:1}footer{margin:1rem 0;width:100%;text-align:center;font-size:smaller}
/*# sourceMappingURL=app.css.map */