.studio-page{max-width:none;padding:0}.studio-cockpit{min-height:calc(100vh - var(--header-h));color:#fff;background:#0f2435;position:relative;overflow:hidden}.studio-stage{pointer-events:none;position:absolute;inset:0}.studio-grid-bg{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 75% at 50% 35%,#000 15%,#0000 72%);mask-image:radial-gradient(85% 75% at 50% 35%,#000 15%,#0000 72%)}.studio-glow-orb{background:radial-gradient(circle,#5a9bc852 0%,#0000 68%);border-radius:50%;width:min(50vw,480px);height:min(50vw,480px);position:absolute;top:-15%;right:-8%}.studio-bg-wave{opacity:.1;justify-content:center;align-items:flex-end;gap:.45rem;height:160px;display:flex;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.studio-bg-wave span{width:10px;height:var(--h);transform-origin:bottom;will-change:transform;animation:2.4s ease-in-out infinite wave-rise;animation-delay:var(--d,0s);background:#fff;border-radius:999px;display:block}.studio-page.is-generating .studio-bg-wave span{opacity:1;animation-duration:.85s}.studio-cockpit-inner{z-index:1;max-width:var(--max);min-height:calc(100vh - var(--header-h));flex-direction:column;gap:1.35rem;margin:0 auto;padding:1.75rem 1.25rem 2rem;display:flex;position:relative}.studio-topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;animation:.7s both rise-in;display:flex}.studio-kicker{letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:.55rem;margin:0 0 .65rem;padding:.4rem .8rem .4rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.studio-topbar h1{font-family:var(--font-serif);letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(2rem,5vw,3rem);line-height:1.05}.studio-title-highlight{background:linear-gradient(135deg,#fff 0%,#b8d4ea 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.studio-status-pills{flex-wrap:wrap;gap:.45rem;display:flex}.studio-pill{letter-spacing:.02em;background:#ffffff14;border:1px solid #ffffff47;border-radius:999px;padding:.4rem .7rem;font-size:.78rem;font-weight:600}.studio-split{flex:1;grid-template-columns:1.08fr .92fr;align-items:stretch;gap:1.15rem;min-height:0;animation:.85s 80ms both rise-in;display:grid}.studio-glass{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff12;border:1px solid #ffffff2e;border-radius:12px;flex-direction:column;gap:.85rem;min-height:0;padding:1.1rem 1.15rem;display:flex;box-shadow:0 24px 60px #00000059,inset 0 1px #ffffff1f}.studio-glass-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.glass-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffffc7;margin:0;font-size:.68rem;font-weight:700;display:block}.glass-sub{color:#ffffffb8;margin:.25rem 0 0;font-size:.84rem;line-height:1.35}.char-count--glass{color:#ffffffb3;font-variant-numeric:tabular-nums;white-space:nowrap;background:#0003;border:1px solid #fff3;border-radius:999px;padding:.28rem .55rem;font-size:.72rem;font-weight:600}.char-count--glass.warn{color:#ffb4b4;background:#9b2c2c40;border-color:#ff787873}.studio-mini-wave{background:#00000038;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;align-items:flex-end;gap:3px;height:52px;padding:.45rem .6rem;display:flex}.studio-mini-wave span{height:var(--h);transform-origin:bottom;will-change:transform;min-height:10%;animation:1.8s ease-in-out infinite wave-rise;animation-delay:var(--d,0s);background:linear-gradient(#b8d4ea,#5a9bc8);border-radius:999px;flex:1}.studio-page.is-generating .studio-mini-wave span{animation-duration:.75s}.studio-textarea{resize:none;color:#fff;background:#00000047;border:1px solid #ffffff1f;border-radius:8px;outline:none;flex:1;width:100%;min-height:280px;padding:.85rem 1rem;font-size:1rem;line-height:1.6;transition:border-color .2s,box-shadow .2s}.studio-textarea::placeholder{color:#ffffff8c}.studio-textarea:focus,.studio-textarea:focus-visible{border-color:#b8d4ea8c;outline:none;box-shadow:0 0 0 3px #5a9bc833}.studio-script-foot{color:#ffffff80;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;font-size:.78rem;display:flex}.studio-voice-tag{color:#ffffffe0;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;padding:.3rem .6rem;font-size:.75rem;font-weight:600}.studio-deck{gap:.75rem}.studio-voice-row{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.studio-voice-row label{flex-direction:column;gap:.3rem;display:flex}.studio-voice-row label>span{letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;font-size:.68rem;font-weight:700}.studio-voice-row label.span-2{grid-column:1/-1}.studio-voice-row select,.studio-sliders select{color:#fff;background:#0000004d;border:1px solid #ffffff2e;border-radius:6px;outline:none;width:100%;padding:.55rem .65rem;font-size:.88rem}.studio-voice-row select:focus,.studio-voice-row select:focus-visible{border-color:#b8d4ea80;outline:none;box-shadow:0 0 0 2px #5a9bc833}.studio-voice-row select option{color:#fff;background:#163d5c}.studio-mood-row{gap:.45rem;display:grid}.mood-pills{flex-wrap:wrap;gap:.4rem;display:flex}.mood-pill{color:#ffffffe0;cursor:pointer;background:#00000038;border:1px solid #ffffff38;border-radius:999px;padding:.38rem .7rem;font-size:.8rem;font-weight:600;transition:background .2s,border-color .2s,transform .2s}.mood-pill:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-1px)}.mood-pill.active{color:#0f2435;background:#fff;border-color:#fff;box-shadow:0 6px 18px #00000040}.studio-action-bar{border-top:1px solid #ffffff1f;gap:.65rem;margin-top:.15rem;padding-top:.35rem;display:grid}.studio-srt-toggle{color:#ffffffd9;cursor:pointer;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:inline-flex}.studio-srt-toggle input{accent-color:#7dffa8;width:1rem;height:1rem}.studio-error{color:#ffd4d4;background:#9b2c2c59;border:1px solid #ff787873;border-radius:6px;padding:.6rem .75rem;font-size:.85rem}.studio-generate{min-height:3.15rem}.studio-generate.is-busy{color:#0f2435;background:#ffffffd9}.studio-generating--glass{background:#00000040;border:1px solid #ffffff2e;border-radius:8px;gap:.45rem;padding:.75rem .85rem;animation:.35s both rise-in;display:grid}.studio-generating--glass p{color:#ffffffb3;margin:0;font-size:.82rem;font-weight:500}.generating-bars--light span{opacity:.9;background:linear-gradient(#b8d4ea,#5a9bc8)}.studio-result--glass{background:#00000047;border:1px solid #fff3;border-radius:8px;padding:.85rem;animation:.45s both result-pop}.studio-result--glass .result-title{font-family:var(--font-serif);color:#fff;margin:0;font-size:1.05rem;font-weight:600}.studio-result--glass .result-meta{color:#fff9;margin:.2rem 0 0;font-size:.78rem}.result-head{flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-bottom:.65rem;display:flex}.result-actions{flex-wrap:wrap;gap:.4rem;display:flex}.audio-player--glass{border-radius:6px;width:100%;height:40px}.studio-advanced{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:.65rem}.studio-advanced summary{cursor:pointer;color:#ffffffa6;align-items:center;gap:.45rem;font-size:.82rem;font-weight:600;list-style:none;display:flex}.studio-advanced summary::-webkit-details-marker{display:none}.studio-advanced summary:before{content:"▸";font-size:.7rem;transition:transform .2s}.studio-advanced[open] summary:before{transform:rotate(90deg)}.studio-advanced-body{gap:.85rem;padding-top:.75rem;display:grid}.mood-pills--extra{padding-bottom:.25rem}.studio-mix-meters{gap:.45rem;display:grid}.meter-group--glass{color:#ffffff8c;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;display:grid}.meter-group--glass em{color:#b8d4ea;text-align:right;font-variant-numeric:tabular-nums;min-width:3rem;font-style:normal}.meter-track--glass{background:#00000059;border:1px solid #ffffff1f;border-radius:999px;height:6px;overflow:hidden}.meter-track--glass i{border-radius:inherit;background:linear-gradient(90deg,#5a9bc8,#b8d4ea);height:100%;transition:width .25s;display:block}.studio-sliders{gap:.65rem;display:grid}.studio-sliders label{color:#ffffffbf;gap:.3rem;font-size:.8rem;font-weight:600;display:grid}.studio-sliders label span em{float:right;color:#b8d4ea;font-style:normal;font-weight:700}.studio-sliders input[type=range]{accent-color:#b8d4ea;width:100%}.waveform{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.wave-bar{transform-origin:bottom;will-change:transform;background:currentColor;width:2px;height:100%;animation:.9s ease-in-out infinite wave}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}.wave-bar:nth-child(4){animation-delay:.3s}.wave-bar:nth-child(5){animation-delay:.4s}.generating-bars{align-items:flex-end;gap:4px;height:24px;display:flex}.generating-bars span{transform-origin:bottom;will-change:transform;height:100%;animation:.85s ease-in-out infinite wave-rise;animation-delay:var(--d,0s);border-radius:999px;flex:1}@keyframes result-pop{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:960px){.studio-split{grid-template-columns:1fr}.studio-cockpit-inner{min-height:auto;padding-bottom:2.5rem}.studio-textarea{min-height:220px}}@media (max-width:640px){.studio-topbar h1{font-size:1.85rem;font-family:var(--font-sans)}.studio-voice-row{grid-template-columns:1fr}.studio-voice-row label.span-2{grid-column:auto}.studio-glass,.credit-gate-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.studio-pill--credits{cursor:default;font-variant-numeric:tabular-nums}.studio-pill--credits.is-empty{cursor:pointer;color:#ffe0c2;background:#ff8c3c2e;border-color:#ffb4788c}.credit-gate-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#081018b8;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.credit-gate-modal{color:#fff;text-align:center;background:linear-gradient(160deg,#132c40 0%,#0f2435 55%,#163d5c 100%);border:1px solid #ffffff24;border-radius:14px;width:min(420px,100%);padding:1.75rem 1.5rem 1.5rem;box-shadow:0 24px 60px #00000073}.credit-gate-modal h2{font-family:var(--font-serif);letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.55rem}.credit-gate-modal>p{color:#ffffffd1;margin:0;font-size:.95rem;line-height:1.55}.credit-gate-meta{color:#ffffff8c!important;margin-top:.65rem!important;font-size:.82rem!important}.credit-gate-actions{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:1.5rem;display:flex}