:root{color-scheme:dark;--bg:#0b0b0e;--ink:#f4f1eb;--muted:#a2a1a9;--line:#29292f;--lime:#ffb32d;--dark:#111114}
/* Keep off-canvas decorations and injected widgets from shifting the studio sideways. */
html,body{max-width:100%;overflow-x:clip}
.reference-compare{font-size:11px;color:#d8b77e;margin-top:14px}.reference-compare summary{cursor:pointer}.reference-compare audio{margin-top:10px}
.reference-report{font-size:11px;line-height:1.65;color:#cab594;border-left:2px solid #936a31;padding:9px 12px;background:#2b211233;margin:15px 0}.reference-report:empty{display:none}.reference-toggle{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5}.reference-toggle input{width:16px;height:16px;margin:0;accent-color:#ffb32d;flex-shrink:0}
body{background:radial-gradient(ellipse at 65% -5%,#34231166,transparent 45%),#0b0b0e;color:var(--ink)}
input,textarea,select{background:#111114;color:#f7f3ea;border-color:#303037}input:focus,textarea:focus,select:focus{border-color:#ffb32d;box-shadow:0 0 0 3px #ffb32d18}input::placeholder,textarea::placeholder{color:#75747e}textarea{background:#101013}.card{background:linear-gradient(145deg,#19191d,#141417);border-color:#2c2b31;box-shadow:0 14px 44px #0002}.primary{background:linear-gradient(110deg,#ffbe3a,#f58a25);color:#211403;box-shadow:0 5px 22px #ed98241a}.primary:hover{background:linear-gradient(110deg,#ffd16a,#ff9c3e)}.primary:disabled{opacity:.45}.small{background:#252329;color:#f6c779;border:1px solid #3c3325}.text-button,.download{color:#ffc354}.danger,.error{color:#ffaaa1}.fine,.muted{color:#a2a1a9}.lime{color:#ffb32d}.step{background:#f6a62617;color:#ffc354}.pill{color:#e7bc6c;background:#f6a6260b;border-color:#594126}.pill i,.live-dot{background:#ffbc45}.tag{border-color:#554024;color:#ffc354}
aside{background:#101012;border-right:1px solid #28252a}aside .brand{color:#ffb32d}.nav.active{background:#f1a32616;color:#ffc354;border:1px solid #a3702638}.nav{border:1px solid transparent}.nav-label,.aside-bottom{color:#9a959e}.aside-bottom strong{color:#e4d9c9}.mini-wave{color:#b68235}main{min-width:0}header{border-color:#28262c}header strong{color:#e9bc6e}.page-title{margin:36px 0 30px}.page-title h1{font-size:clamp(36px,3.9vw,62px);letter-spacing:-2.5px;line-height:1.06;margin:16px 0}.page-title .eyebrow{color:#dc9d42;letter-spacing:2.3px}.page-title p{font-size:15px}.hero-stamp{border:1px solid #6d4c26;border-radius:22px;padding:22px;transform:rotate(4deg);background:linear-gradient(130deg,#272017,#141214);color:#e7bc78;width:210px;flex-shrink:0;box-shadow:0 15px 50px #0004}.hero-stamp>span{font-size:30px;color:#ffbc45;float:right}.hero-stamp strong{font-size:19px;line-height:1.3;display:block;margin-bottom:18px}.hero-stamp small{font-size:8px;letter-spacing:1.5px}
.composer-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:start}.composer{padding:28px}.right-column{position:sticky;top:22px}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:23px 0 8px}.template-card{border:1px solid #343037;border-radius:12px;background:#121215;text-align:left;padding:14px 10px;color:#e9e1d5;transition:border-color .15s,background .15s}.template-card:hover,.template-card:focus-visible{border-color:#f4b245;background:#2a2116}.template-card>span{display:block;color:#ffb83c;font-size:22px;margin-bottom:10px}.template-card strong{display:block;font-size:11px;white-space:nowrap}.template-card small{display:block;color:#96919a;font-size:9px;margin-top:5px;line-height:1.5}.script-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 17px}.script-tools .small{font-size:11px}.script-tools .fine{flex:1;min-width:140px;font-size:10px}.tip{background:#d9952410;color:#c3a579;border:1px solid #60471f44}.provider-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px}.provider-switch button{background:#111114;border:1px solid #343039;color:#bfb7c4;border-radius:12px;text-align:left;padding:14px}.provider-switch button.active{border-color:#c98b2f;background:#f4a52b14;color:#ffca70}.provider-switch strong,.provider-switch small{display:block}.provider-switch small{font-size:10px;margin-top:7px;color:#a99b88}.voice-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.voice-choice{display:flex;gap:10px;align-items:center;min-width:0;padding:12px;border:1px solid #333038;border-radius:11px;background:#121215;color:#ded9e2;text-align:left}.voice-choice.selected{border-color:#bb873b;background:#f7aa2912}.voice-avatar{background:#28232a;color:#daa957;border-radius:9px;display:grid;place-items:center;font-weight:750;font-size:19px;width:38px;height:40px;flex-shrink:0}.selected .voice-avatar{background:linear-gradient(135deg,#ffc95c,#eb8e27);color:#291600}.voice-choice>span:nth-child(2){min-width:0}.voice-choice strong{font-size:12px;overflow-wrap:anywhere}.voice-choice small{display:block;font-size:10px;color:#a79fae;margin-top:4px}.voice-choice b{margin-left:auto;color:#ffc45b;font-size:13px;visibility:hidden}.voice-choice.selected b{visibility:visible}.direction-pills{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.direction-pills button{background:#242025;border:1px solid #41332a;padding:7px 10px;border-radius:20px;color:#ddbc88;font-size:11px}.direction-pills button.active{border-color:#ffb83e;background:#453019}#voiceDirection{min-height:95px;font-size:12px;line-height:1.6}.sound-grid output{color:#f5bd65}.sound-grid input[type=range],.player-seek{accent-color:#ffb32d}.sound-divider{color:#c19156;border-color:#38303a}.sample-guide{background:#1d1a18;color:#c8b597}.generate-row{border-color:#373139}.sound-panel{border-color:#373139}
.preview{border-color:#594027;padding:23px}.cover{background:radial-gradient(ellipse at 20% 60%,#91581d55,transparent 65%),linear-gradient(145deg,#302115,#121013);color:#fff0d5;min-height:285px;position:relative}.cover::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#fff1 4px);opacity:.15;pointer-events:none}.cover-brand{color:#d79e52;letter-spacing:2px}.cover-brand b{float:right;font-size:8px;font-weight:500;color:#dfb37c}.cover strong{font-size:33px;letter-spacing:-1px}.cover>span:last-child{color:#c69f6c;font-size:8px}.cover-wave{color:#ffb32d}.help-card>span{color:#ba935a}.help-card p{color:#aca4ad}.preview h3{margin:13px 0 8px;font-size:20px}.preview .status{color:#e0a951}.studio-player{margin-top:15px;background:#101013;border:1px solid #342a23;border-radius:13px;padding:14px}.studio-player audio{display:none}.audio-scope{display:block;width:100%;height:64px;background:linear-gradient(0deg,#33211533,transparent);border-radius:8px}.player-transport{display:flex;align-items:center;gap:11px;margin:10px 0}.player-play{background:#ffb12e;border-radius:50%;width:38px;height:38px;color:#241400;font-size:17px;flex-shrink:0}.player-restart,.player-rate{color:#ebbb73;background:#292127;border:1px solid #493529;border-radius:8px;padding:8px;font-size:12px}.player-time{font-variant-numeric:tabular-nums;font-size:11px;color:#aca4b1;flex:1}.player-seek{padding:0;height:16px;border:0;box-shadow:none;background:transparent;margin:0}.studio-player .fine{font-size:9px;margin:7px 0 0}.audio-downloads .download{font-size:11px}.status{color:#d9a558}.empty{border-color:#58422b;background:#171317}.empty strong{color:#f2dfc1}.banner{background:#342613;border-color:#785522;color:#f2cc8d}
dialog{background:#19171c;color:#f4e8d8;border:1px solid #57432b;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#070509c9}.icon{color:#d3b78a}.import-tabs{background:#0e0d11}.import-tabs button{color:#bb9f7a}.import-tabs button.active{background:#42301e;color:#ffca70}.upload-box{background:#252016;border-color:#7d5b2d;color:#e6b367}.upload-box input::file-selector-button{background:#4e3520;color:#ffd68f}.import-note{background:#2c2116;color:#d7b181}.import-result{border-color:#473627}#scriptDraft{min-height:210px}#disconnectGemini{margin-top:20px}.login-art{background:radial-gradient(ellipse at 20% 65%,#56341366,transparent 60%),#111013}.login-art .brand,.login-art .eyebrow,.hero-wave{color:#ffb32d}.login-art p{color:#b6a99a}.login-panel{background:#101012}.login-panel .eyebrow{color:#d99d4c}.login-panel h2{color:#f8ecd8}#notice{background:#38291b;color:#ffdeaa;border:1px solid #745027;z-index:100}footer{color:#927b60}:focus-visible{outline-color:#ffb32d}
@media(max-width:1100px){.composer-grid{grid-template-columns:1fr}.right-column{position:static;display:grid;grid-template-columns:1fr 1fr}.hero-stamp{width:180px}.template-card strong{font-size:12px}}
@media(max-width:700px){.hero-stamp{display:none}.page-title h1{font-size:40px;letter-spacing:-1.7px}.page-title p{font-size:12px}.composer{padding:20px 17px}.template-grid{grid-template-columns:1fr 1fr}.template-card{padding:12px}.template-card>span{display:inline-block;margin:0 8px 0 0;font-size:16px}.template-card strong{display:inline}.template-card small{margin-left:27px}.right-column{display:block}.voice-choice-grid{grid-template-columns:1fr}.provider-switch button{padding:12px 10px}.provider-switch strong{font-size:12px}.provider-switch small{font-size:9px}.aside-bottom{gap:14px;flex-wrap:wrap}.hero-wave{display:none}.sound-grid{grid-template-columns:1fr}.sound-grid label{margin-top:18px}.cover{min-height:260px}.script-tools{align-items:flex-start}.player-time{font-size:10px}.player-transport{gap:8px}}

#compareActions{margin-top:18px;padding-top:16px;border-top:1px solid #373139}#compareActions button{width:100%;padding:14px}#takeControls{margin-top:20px}.take-result{border-top:1px solid #594027;margin-top:22px;padding-top:18px}.take-result h3{font-size:17px}

#trimDialog audio{width:100%;margin:12px 0}.trim-marks{display:flex;gap:12px;flex-wrap:wrap}.trim-marks button{text-align:left;font-size:11px}#trimSelectedVoice{margin-top:10px}#trimPreviewPanel{margin-top:15px;padding:12px;border:1px solid #594027;border-radius:10px}

.mixer-panel{margin-top:24px;padding:20px;border:1px solid #69502c;border-radius:16px;background:linear-gradient(135deg,#32251666,#15151a)}.mixer-panel h3{margin:0 0 12px;font-size:17px}.mixer-panel details{padding:12px 0}.mixer-panel summary{color:#ffc354;cursor:pointer}.mixer-panel audio{width:100%;margin:12px 0}.mix-existing{margin-top:20px;padding-top:20px;border-top:1px solid #51402d}.mix-existing button{margin-top:12px}

.live-mix{margin:16px 0;padding:16px;background:#101014;border:1px solid #4a3a26;border-radius:12px}.live-mix-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.live-mix-actions .fine{margin-left:auto}.live-mix input[type=range]{padding:0;margin:15px 0 8px;accent-color:#ffb32d}.live-mix meter{width:100%;height:9px;display:block;margin-bottom:12px}.live-mix .fine{font-size:11px}.live-mix strong{display:block;margin-bottom:8px}

.advanced-effects,.montage-panel{margin:24px 0;padding:20px;border:1px solid #373333;border-radius:16px;background:#151518}.advanced-effects summary{cursor:pointer;font-weight:700;color:#ffcf77}.effect-presets{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.advanced-effects .sound-grid{margin-top:16px}.exact-preview{padding:16px 0;border-top:1px solid #373333}.exact-preview audio,.montage-clip audio{width:100%;margin:12px 0}.clip-list{padding:0;list-style:none}.montage-clip{padding:16px;margin:12px 0;background:#101013;border:1px solid #373333;border-radius:12px}.clip-heading{display:flex;gap:12px;justify-content:space-between;align-items:center}.clip-heading strong{overflow-wrap:anywhere;min-width:0}.clip-heading>div{display:flex;gap:4px;flex-shrink:0}.clip-heading button{padding:6px 10px}.clip-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.clip-controls label:first-child{grid-column:1/-1}.clip-controls input,.clip-controls select{width:100%;min-width:0}.advanced-effects output{font-size:12px;font-variant-numeric:tabular-nums}@media(max-width:500px){.advanced-effects,.montage-panel{padding:12px}.clip-heading{align-items:flex-start}.effect-presets button{flex:1 1 40%}}