@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:#172033;background:#f4f7fb}button,input,select,textarea{font:inherit}button,a{transition:.18s}.shell{min-height:100vh;display:flex}.side{position:fixed;left:0;top:0;bottom:0;width:270px;background:#fff;border-right:1px solid #e0e7f0;z-index:20;display:flex;flex-direction:column}.side-brand{padding:16px;border-bottom:1px solid #edf1f6}.brand{display:flex;align-items:center;gap:11px}.brand img{width:64px;height:50px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.brand b{display:block;color:#0f3f74;font-size:17px}.brand span{display:block;color:#6f7e91;font-size:10px}.who{margin:16px;padding:11px;background:#f7f9fc;border:1px solid #e1e7ef;border-radius:12px;display:flex;align-items:center;gap:10px}.who span{display:block;color:#8390a2;font-size:10px;max-width:170px;overflow:hidden;text-overflow:ellipsis}.who.small{margin:0;background:transparent;border:0;padding:0}.avatar{width:36px;height:36px;border-radius:10px;background:#e6f0ff;color:#1769e0;display:grid;place-items:center;font-weight:800}.side nav{padding:0 14px;overflow:auto}.nav{display:flex;align-items:center;gap:12px;text-decoration:none;color:#536174;padding:11px 12px;border-radius:10px;margin:2px 0;font-size:13px;font-weight:600}.nav svg{width:18px}.nav .arrow{margin-left:auto;width:13px}.nav:hover{background:#f2f6fb}.nav.active{background:linear-gradient(135deg,#1b79e8,#1262ce);color:#fff;box-shadow:0 6px 16px #1671db30}.nav-section{padding:18px 12px 6px;font-size:9px;letter-spacing:1.4px;color:#98a3b1;font-weight:800}.side-foot{margin-top:auto;padding:14px;border-top:1px solid #edf1f6}.engine-dots{font-size:9px;color:#738297;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.engine-dots i,.service-tabs i{width:7px;height:7px;border-radius:50%;background:#e24f4f;display:inline-block}.engine-dots i.on,.service-tabs i.on{background:#20b876}.signout{border:0;background:none;padding:15px 6px 4px;color:#5c697b;display:flex;gap:8px;align-items:center;font-weight:600}.signout svg{width:17px}.main{margin-left:270px;width:calc(100% - 270px)}header{height:70px;background:#fff;border-bottom:1px solid #e2e8f1;display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:10}header>div:first-of-type b{display:block;font-size:14px}header>div:first-of-type span{font-size:10px;color:#98a3b1}.topstats{margin-left:auto;display:flex;gap:8px}.topstats span{display:flex;gap:5px;align-items:center;border:1px solid #dde4ed;border-radius:9px;padding:7px 10px;font-size:10px;color:#68778b}.topstats svg{width:15px}main{padding:26px;max-width:1500px;margin:auto}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#116fe2;font-weight:800}.hero,.studio-head,.admin-hero{background:linear-gradient(130deg,#fff 30%,#edf5ff);border:1px solid #dfe7f1;border-radius:18px;padding:28px;display:flex;justify-content:space-between;overflow:hidden}.hero h1,.studio-head h1,.admin-hero h1{font-size:29px;margin:8px 0}.hero p,.studio-head p,.admin-hero p{color:#6f7c8e;max-width:750px;line-height:1.6}.hero img{height:150px;margin:-14px 20px -35px 0}.admin-hero>svg{width:80px;height:80px;color:#1769e0;opacity:.7}.btn{border:0;border-radius:10px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-weight:700;font-size:12px;cursor:pointer}.btn svg{width:17px}.btn.primary{background:#1773df;color:#fff;box-shadow:0 7px 18px #1773df2b}.btn.primary:hover{background:#0c62c9}.btn.secondary{background:#fff;color:#344256;border:1px solid #d7e0ea}.btn.dark{background:#172033;color:#fff}.btn.inline{width:auto}.btn.compact{padding:8px 10px}.btn:disabled{opacity:.55;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat{background:#fff;border:1px solid #e0e7f0;border-radius:14px;padding:16px;display:flex;gap:12px;align-items:center}.stat-icon{width:43px;height:43px;border-radius:12px;background:#edf5ff;color:#1769e0;display:grid;place-items:center}.stat span,.stat small{display:block;color:#8290a2;font-size:9px;text-transform:uppercase;letter-spacing:.8px}.stat strong{display:block;font-size:20px;margin:3px 0}.card{background:#fff;border:1px solid #dde5ef;border-radius:17px;padding:20px;margin-bottom:18px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.section-head h1,.section-head h2{margin:6px 0}.section-head p{margin:0;color:#79879a;font-size:12px}.linkbtn,.text-button{border:0;background:none;color:#1769e0;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:4px;cursor:pointer;font-size:12px}.linkbtn svg{width:14px}.audio-row{display:flex;align-items:flex-start;gap:11px;padding:12px;border:1px solid #e2e8f0;border-radius:12px;margin:8px 0}.audio-icon{width:40px;height:40px;border-radius:10px;background:#edf5ff;color:#1769e0;display:grid;place-items:center;flex:0 0 auto}.grow{flex:1;min-width:0}.grow>b,.audio-row b{font-size:12px}.grow>span,.audio-row span{display:block;color:#8b97a7;font-size:9px;margin-top:3px}.icon{width:36px;height:36px;border:1px solid #dce4ee;border-radius:9px;background:#fff;color:#627287;display:grid;place-items:center;cursor:pointer;text-decoration:none}.icon svg{width:17px}.icon.primary,.playbtn{background:#176fe0;color:#fff;border-color:#176fe0}.icon.danger{color:#c74b4b}.wave{margin-top:10px;background:#f7f9fc;border:1px solid #e4eaf2;border-radius:12px;padding:8px}.wavebar{display:flex;align-items:center;gap:9px;color:#7d8a9b;font-size:10px}.search{height:46px;border:1px solid #dfe6ef;border-radius:11px;display:flex;align-items:center;padding:0 12px;gap:8px;background:#fafbfd;margin-bottom:12px}.search svg{width:17px;color:#8a98aa}.search input{border:0;outline:0;background:transparent;width:100%}.library-item{border:1px solid #e0e7ef;border-radius:13px;margin:9px 0;padding:10px}.library-item.playing{border-color:#9bc5f7;background:#fbfdff}.library-top{display:flex;align-items:center;gap:10px}.playbtn{border:0;border-radius:9px;padding:9px 12px;display:flex;align-items:center;gap:7px;font-weight:700;font-size:11px;cursor:pointer}.playbtn svg{width:15px}.tags{display:flex;gap:5px;margin-top:6px}.tags i{font-style:normal;font-size:8px;background:#edf5ff;color:#1769e0;padding:3px 7px;border-radius:20px;text-transform:uppercase;font-weight:700}.tags i.music{background:#eef8f0;color:#238c4e}.empty{text-align:center;padding:35px;color:#8c98a7}.empty svg{width:40px;height:40px}.empty b,.empty span{display:block;margin-top:7px}.empty span{font-size:10px}.studio-head{align-items:center}.engine-badge{background:#102d50;color:#fff;border-radius:14px;padding:14px 18px;min-width:210px}.engine-badge span,.engine-badge small{display:block;font-size:9px;opacity:.7}.engine-badge b{display:block;margin:4px 0}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0}.steps span{padding:10px;border:1px solid #dce4ef;border-radius:10px;background:#fff;color:#8794a5;font-size:10px}.steps span b{display:block;color:#3b485b;margin-top:2px}.steps span.done{border-color:#b9d6fb}.steps span.active{background:#eaf4ff;border-color:#4e9bf1;color:#1769e0}.studio-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:16px}.script-panel{grid-row:span 2}.music-panel,.master-panel{grid-column:2}.music-panel{border:2px solid #5aa2f1;background:linear-gradient(160deg,#fff,#f4f9ff);box-shadow:0 10px 30px #116fe218}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.panel-title>svg{width:38px;height:38px;background:#edf5ff;color:#1769e0;padding:9px;border-radius:10px}.panel-title span{font-size:9px;color:#1769e0;font-weight:800;letter-spacing:1px}.panel-title h2{font-size:17px;margin:2px 0}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px}.preset-grid button{border:1px solid #dde5ef;background:#fff;border-radius:8px;padding:8px;font-size:10px;font-weight:700;color:#56667a;cursor:pointer}.preset-grid button.selected{border-color:#1769e0;background:#edf5ff;color:#1769e0}label{display:block;color:#556478;font-size:10px;font-weight:700;margin:11px 0 5px}input,select,textarea{width:100%;border:1px solid #dbe3ed;border-radius:9px;background:#fff;padding:10px;outline:none;color:#263346}input:focus,select:focus,textarea:focus{border-color:#6aa9ed;box-shadow:0 0 0 3px #1b75dd12}textarea{resize:vertical}.prompt{min-height:78px}.script{min-height:210px}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:9px}.divider{display:flex;align-items:center;gap:9px;color:#9aa5b4;font-size:8px;font-weight:800;margin:16px 0}.divider:before,.divider:after{content:"";height:1px;background:#e5eaf1;flex:1}.upload-strip{display:flex;gap:8px;align-items:center}.upload-strip input{font-size:10px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#f1f4f8;border-radius:11px;padding:4px;gap:4px}.segmented button{border:0;background:transparent;border-radius:9px;padding:10px;text-align:left;cursor:pointer;color:#657386}.segmented button b,.segmented button small{display:block}.segmented button small{font-size:8px;margin-top:2px}.segmented button.active{background:#fff;color:#1769e0;box-shadow:0 2px 8px #1a2b3c16}.input-action{display:flex;gap:7px}.input-action select{flex:1}.slider{margin-top:14px}.slider label{display:flex;justify-content:space-between}.slider input{padding:0;border:0;box-shadow:none}.tips,.subpanel{margin-top:14px;background:#f7f9fc;border:1px solid #e0e7ef;border-radius:11px;padding:12px}.tips b,.tips span,.tips small{display:block}.tips span{color:#1769e0;font-size:11px;margin:5px 0}.tips small,.legal-note{font-size:9px;color:#7f8d9f}.legal-note{display:flex;gap:6px;align-items:center}.legal-note svg{width:15px}.music-toggle{display:flex;justify-content:space-between;align-items:center;background:#edf6ff;border-radius:12px;padding:13px}.music-toggle b,.music-toggle span{display:block}.music-toggle span{font-size:9px;color:#718399;margin-top:3px}.switch input{display:none}.switch i{width:40px;height:22px;border-radius:20px;background:#bac5d2;display:block;position:relative}.switch i:after{content:"";width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:.2s}.switch input:checked+i{background:#1769e0}.switch input:checked+i:after{left:21px}.music-controls{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.subpanel.horizontal{display:grid;grid-template-columns:1fr 1.5fr auto;gap:7px}.duck-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid #e1e7ef;border-radius:10px;margin-top:14px}.check input{width:auto;margin-top:3px}.check span b,.check span small{display:block}.check span small{font-size:8px;color:#8492a4;margin-top:2px}.recipe{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f7f9fc;border-radius:11px;padding:10px;margin:14px 0}.recipe span{font-size:9px;color:#78879a}.recipe b{display:block;color:#344256;font-size:10px;margin-top:2px}.generate{width:100%;border:0;border-radius:12px;background:linear-gradient(135deg,#0d62c9,#1985ef);color:#fff;padding:15px;font-size:13px;font-weight:800;display:flex;justify-content:center;align-items:center;gap:8px;box-shadow:0 10px 25px #1769e035;cursor:pointer}.generate:disabled{opacity:.5}.generate svg{width:20px}.result{margin-top:14px;border-top:1px solid #e2e8ef;padding-top:14px}.result>div:first-child{display:flex;gap:8px;align-items:center}.result>div:first-child svg{color:#1aa766}.result b,.result span{display:block}.result span{font-size:9px;color:#8290a1}.actions{display:flex;gap:8px;margin-top:9px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.engine-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.engine{background:#fff;border:1px solid #dfe6ef;border-radius:15px;padding:18px;display:flex;gap:12px}.pulse{width:44px;height:44px;border-radius:12px;background:#fff0f0;color:#db4b4b;display:grid;place-items:center}.pulse.on{background:#ebfaf2;color:#1da866}.engine span{font-size:8px;letter-spacing:1.3px;color:#1769e0;font-weight:800}.engine h3{margin:4px 0;font-size:15px}.engine p,.engine small{margin:0;color:#7c8a9b;font-size:9px}.logs-link{margin-top:18px}.create-user{display:grid;grid-template-columns:1fr 1.4fr 1.3fr auto;gap:8px;padding:12px;background:#f6f9fc;border-radius:11px;margin-bottom:14px}.user-row{display:grid;grid-template-columns:1.4fr 1fr 1fr .6fr 1.3fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f5;font-size:10px}.user-row em{font-size:7px;background:#edf5ff;color:#1769e0;padding:2px 4px;border-radius:4px}.pill{padding:4px 7px;border-radius:15px;font-size:8px;font-weight:800}.pill.ok{background:#eaf8f0;color:#169259}.pill.bad{background:#fff0f0;color:#c34e4e}.mini{border:1px solid #dce3eb;background:#fff;border-radius:7px;padding:6px 8px;font-size:8px;margin-right:4px;cursor:pointer}.logs-card{background:#111927;border-radius:16px;padding:20px;color:#dce6f5}.logs-card .section-head p{color:#8fa0b6}.logs-card h1{color:#fff}.log-controls{display:flex;gap:7px}.log-controls select{background:#182337;color:#dce6f5;border-color:#2d3b52;width:auto}.service-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.service-tabs button{border:1px solid #2a3950;background:#182236;color:#aebbd0;padding:7px 10px;border-radius:8px;font-size:9px;display:flex;gap:6px;align-items:center;cursor:pointer}.service-tabs button.active{background:#1769e0;color:#fff;border-color:#1769e0}.terminal-head{display:flex;justify-content:space-between;background:#0c121c;padding:8px 12px;border:1px solid #263449;border-bottom:0;border-radius:8px 8px 0 0;font-size:9px;color:#8fa3bf}.terminal{margin:0;background:#070b11;color:#b9c8db;border:1px solid #263449;border-radius:0 0 8px 8px;padding:14px;min-height:500px;max-height:65vh;overflow:auto;white-space:pre-wrap;font:10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.error{background:#fff0f0;color:#b94343;border:1px solid #f3caca;padding:10px;border-radius:9px;font-size:10px}.toast{position:fixed;right:20px;top:82px;z-index:100;background:#17324f;color:#fff;padding:11px 14px;border-radius:10px;display:flex;gap:7px;align-items:center;font-size:10px;box-shadow:0 8px 24px #11263e35}.toast.error{background:#b64040}.login{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;background:#eef4fb}.login-brand{background:linear-gradient(145deg,#092d54,#0a579e 60%,#1686ec);color:#fff;padding:6vw;position:relative;overflow:hidden}.login-logo{width:190px;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:14px}.login-brand h1{font-size:42px;max-width:600px;margin:30px 0 10px}.login-brand p{max-width:650px;color:#d4e8fb;line-height:1.7}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{display:flex;gap:5px;align-items:center;background:#ffffff12;border:1px solid #ffffff26;padding:7px 10px;border-radius:20px;font-size:10px}.chips svg{width:15px}.penny{position:absolute;right:-65px;bottom:-90px;width:430px;opacity:.25}.login-card{align-self:center;margin:50px;max-width:430px;background:#fff;border:1px solid #dfe7f0;border-radius:20px;padding:30px;box-shadow:0 20px 60px #12345a12}.login-card h2{font-size:25px}.login-card p{color:#7c8999;font-size:11px;line-height:1.6}.login-card small{display:block;color:#98a3b1;margin-top:18px}.share-page{min-height:100vh;display:grid;place-items:center;background:#eef4fb;padding:20px}.share-card{background:#fff;border:1px solid #dfe7f0;border-radius:18px;padding:25px;max-width:700px;width:100%}.splash{height:100vh;display:grid;place-items:center;align-content:center;gap:10px;color:#1769e0}.splash img{width:140px;height:100px;-o-object-fit:cover;object-fit:cover}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile,.backdrop{display:none}code{font-size:8px;color:#6b7b90;word-break:break-all}@media(max-width:1050px){.studio-grid{grid-template-columns:1fr}.script-panel{grid-row:auto}.music-panel,.master-panel{grid-column:auto}.stats{grid-template-columns:1fr 1fr}.engine-grid{grid-template-columns:1fr}.user-row{grid-template-columns:1fr 1fr}.login{grid-template-columns:1fr}.login-brand{display:none}.login-card{margin:30px auto;width:calc(100% - 30px)}}@media(max-width:760px){.mobile{display:grid}.side{transform:translate(-101%);transition:.25s}.side.open{transform:none}.backdrop.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#11243a88;z-index:19}.main{margin-left:0;width:100%}header{padding:0 14px;gap:10px}.topstats span:first-child{display:none}main{padding:14px}.hero,.studio-head,.admin-hero{padding:18px}.hero img,.engine-badge{display:none}.hero h1,.studio-head h1,.admin-hero h1{font-size:22px}.stats{grid-template-columns:1fr 1fr;gap:8px}.steps{grid-template-columns:repeat(5,110px);overflow:auto}.preset-grid{grid-template-columns:1fr 1fr}.duck-grid,.two,.recipe,.music-controls,.subpanel.horizontal,.form-row,.create-user{grid-template-columns:1fr}.library-top{flex-wrap:wrap}.library-top .grow{min-width:calc(100% - 55px)}.playbtn{margin-left:50px}.user-row{grid-template-columns:1fr}.log-controls{flex-wrap:wrap}.section-head{flex-direction:column}.terminal{min-height:420px}.upload-strip{flex-direction:column;align-items:stretch}}