:root{
  --ink:#f3f5f7;
  --muted:#8995a6;
  --line:#ffffff1a;
  --lime:#8f9b64;
  --purple:#78a9ff;
  --bg:#05080d;
  --white:#0d131d;
  --radius:8px;
  --orange:#d7744f;
  --moss:#8f9967;
  --mist:#9fb8d0;
}

html,body{background:#05080d;color:var(--ink);font-family:"Segoe UI",Inter,"Microsoft YaHei",system-ui,sans-serif}
body{min-height:100vh}
body:not(.entry-view)::before{content:"";position:fixed;z-index:0;inset:0;background:linear-gradient(90deg,#05080df5 0%,#07101be8 55%,#04070df8 100%),url("assets/blue-whale-nocturne.png") center/cover no-repeat;pointer-events:none}
button,input,textarea,select{font:inherit}
button{transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}
button:hover,.btn:hover{transform:translateY(-1px)}

.whale-mark{display:inline-block;width:30px;height:30px;border:0;border-radius:50%;position:relative;flex:0 0 auto;background:linear-gradient(180deg,#278cff 0 46%,transparent 47% 53%,#2468e8 54%);box-shadow:inset 0 0 0 2px #3187ff;overflow:hidden}
.whale-mark::before,.whale-mark::after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#07101a}
.whale-mark::before{right:-1px;top:-1px}.whale-mark::after{left:-1px;bottom:-1px}

/* Opening screen */
.entry-view{overflow:hidden;background:#020407}
.entry-view .sidebar,.entry-view .header,.entry-view .mobile-menu{display:none!important}
.entry-view .main{margin:0;padding:14px;min-height:100vh}
.entry-view #app{min-height:calc(100vh - 28px)}
.studio-entry{position:relative;min-height:calc(100vh - 28px);overflow:hidden;border:1px solid #ffffff18;border-radius:8px;background:linear-gradient(180deg,#03070d20,#03070d00 45%,#020509a8),url("assets/blue-whale-nocturne.png") center/cover no-repeat;box-shadow:inset 0 0 90px #0008;color:#fff}
.studio-entry::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,transparent 0 25%,#03060b30 65%),linear-gradient(90deg,#02050a30,transparent 55%)}
.entry-brand{position:absolute;z-index:2;left:34px;top:28px;display:flex;align-items:center;gap:11px;font-family:"Trebuchet MS","Segoe UI",sans-serif;font-size:23px;font-weight:700;letter-spacing:-1px}
.entry-brand .whale-mark{width:31px;height:31px}
.entry-routes{position:absolute;z-index:2;top:40px;right:36px;width:min(760px,58vw);display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.entry-route{position:relative;min-height:154px;padding:21px 23px;border:0;border-radius:4px;color:#080b0f;text-align:left;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 18px 40px #0003}
.entry-route:hover{transform:translateY(-5px);filter:brightness(1.06);box-shadow:0 24px 55px #0006}
.entry-route .route-no{font-size:34px;font-weight:900;letter-spacing:-2px;line-height:1}
.entry-route .route-no::after{content:"";display:block;width:46px;height:2px;margin-top:7px;background:#0b0d10}
.entry-route strong{margin-top:12px;font-size:21px;letter-spacing:-.7px}
.entry-route small{margin-top:6px;font-family:Consolas,"SFMono-Regular",monospace;font-size:10px;text-transform:uppercase;letter-spacing:1.4px}
.entry-route i{position:absolute;right:20px;bottom:17px;font-size:27px;font-style:normal}
.route-doubao{background:var(--orange)}.route-symphony{background:var(--moss)}.route-omni{background:var(--mist)}
.entry-title{position:absolute;z-index:2;left:42px;right:250px;bottom:44px;display:flex;align-items:flex-end;gap:20px}
.entry-title>small{margin:0 0 8px;writing-mode:vertical-rl;transform:rotate(180deg);font:600 10px/1 Consolas,monospace;letter-spacing:2.2px;color:#aab9cb}
.entry-title h1{margin:0;display:flex;align-items:center;gap:.012em;width:100%;font-family:"Arial Narrow","Segoe UI",sans-serif;font-size:clamp(74px,9.8vw,170px);font-stretch:condensed;font-weight:300;line-height:.8;letter-spacing:-.035em;text-transform:uppercase;white-space:nowrap}
.entry-title h1>span{display:inline-block;color:transparent;-webkit-text-stroke:1.5px #9eb3c9;text-shadow:none}
.entry-title h1>.title-solid{color:#f2f0e9;-webkit-text-stroke:0;font-weight:800}
.entry-title h1>i{width:.22em}
.title-v{display:inline-block;width:.72em;height:.8em;margin-right:.02em;background:#f2f0e9;clip-path:polygon(0 0,100% 0,50% 100%)}
.entry-title h1>.round{font-weight:200}
.entry-tasks{position:absolute;z-index:2;right:42px;bottom:42px;border:0;background:transparent;color:#f3f5f7;font-size:15px;font-weight:650;letter-spacing:.1px}
.entry-tasks span{margin-left:16px;font-size:22px}

/* Shared application shell */
.sidebar{z-index:20;width:248px;padding:28px 18px 22px;background:#050910e8;border-right:1px solid #ffffff14;backdrop-filter:blur(20px)}
.brand{width:100%;padding:0 6px 28px;border:0;background:transparent;color:#f3f5f7;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:10px;text-align:left;font-size:19px;font-weight:750;letter-spacing:-.8px}
.brand:hover{transform:none;color:#fff}
.brand .whale-mark{grid-row:1/3}
.brand small{grid-column:2;margin:0;color:#6f7b8d;font:600 8px/1.2 Consolas,monospace;letter-spacing:1.5px}
.sidebar nav{gap:4px}
.nav-item{min-height:50px;padding:0 13px;border-radius:5px;color:#7d899a;font-size:13px}
.nav-item em{font-family:Consolas,monospace;font-size:11px;font-style:normal;color:#4d86db}
.nav-item b{background:#101722;color:#637084}
.nav-item:hover{background:#ffffff0a;color:#fff}
.nav-item.active{background:#e8edf4;color:#09101a}
.nav-item.active b{color:#09101a}
.side-foot{color:#6c7786;font-family:Consolas,monospace;font-size:10px}
.dot{background:#55ca83;box-shadow:0 0 0 5px #55ca8318}
.main{position:relative;z-index:1;margin-left:248px;padding:30px clamp(22px,3vw,48px) 54px}
.header{min-height:114px;border-bottom:1px solid #ffffff0e;margin-bottom:24px}
.header p,.eyebrow{color:#69a6ff;font-family:Consolas,"SFMono-Regular",monospace;font-size:9px;letter-spacing:2.2px}
.header h1{font-size:38px;color:#f3f5f7;letter-spacing:-2px}
.header span{color:#7f8b9d}
.device,.ghost{border:1px solid #ffffff1a;background:#0b111bba;color:#dce4ee}
.mobile-menu{border-color:#ffffff1a;background:#0b111b;color:#fff}

/* Unified surfaces */
.panel,.stat,.card,.asset-card,.jobs,.dropzone{border-color:#ffffff18;background:#0b111acb;backdrop-filter:blur(16px);box-shadow:0 18px 45px #0002}
.panel,.stat,.card,.asset-card,.jobs{border-radius:8px}
.panel{padding:24px}
.panel h2{color:#f4f6f8}
.stat{padding:18px 20px;min-height:98px}
.stat p,.stat small,.card p,.asset-info p{color:#7f8b9d}
.stat strong{color:#f6f7f9}
.strategy{border-color:#ffffff16;border-radius:8px;background:linear-gradient(110deg,#0b111ae8,#101624d9 60%,#111710d9)}
.strategy p{color:#788496}
.iconbox{border-radius:5px;background:#152033;color:#79adff}
.input,textarea,select{border-color:#ffffff1a;border-radius:5px;background:#080d15d9;color:#eef2f6}
.input::placeholder,textarea::placeholder{color:#566275}
.input:focus,textarea:focus{border-color:#528ee8;box-shadow:0 0 0 3px #3c83e624}
.btn{border-radius:4px;background:#d6dce6;color:#09101a}
.btn:hover{background:#fff}
.btn.dark{background:#2f7eea;color:#fff}
.btn.dark:hover{background:#468ff1}
.btn.outline{border-color:#ffffff20;background:#0c131ed9;color:#dce4ee}
.fallback,.reference-field{border-color:#ffffff18;border-radius:6px;background:#080d15bf}
.fallback input{accent-color:#4e91f0}
.tabs{padding:4px;border-radius:6px;background:#070c14;gap:4px}
.tabs button{min-height:64px;border-radius:4px;color:#728095}
.tabs button:nth-child(1).active{border-color:#d7744f88;background:#d7744f;color:#0a0c0f}
.tabs button:nth-child(2).active{border-color:#8f996788;background:#8f9967;color:#0a0c0f}
.tabs button:nth-child(3).active{border-color:#9fb8d088;background:#9fb8d0;color:#0a0c0f}
.director{border-color:#ffffff16;border-radius:7px;background:linear-gradient(135deg,#0f1622e8,#090f18e8)}
.director-title small{color:#7f8b9d}
.director-foot{color:#768294}
.prompt-output textarea{background:#07101b;border-color:#31547c;min-height:180px}
.prompt-output textarea:focus{background:#09131f}
.prompt-output small{color:#728095}
.reference-empty,.reference-chip{border-color:#ffffff14;background:#101722;color:#768294}
.reference-chip .reference-icon{border-radius:4px;background:#162238;color:#74aaff}
.remove-reference{background:#1a2330;color:#91a0b4}
.model,.recent .panel-head button{border-color:#ffffff1a;background:#0c131e;color:#dbe3ed;border-radius:4px}
.recent{background:#070c13d9;border-color:#ffffff18}
.video-preview{border-radius:5px!important}
.toolbar{padding-bottom:18px;border-bottom:1px solid #ffffff0f}
.search{max-width:640px}
.tag{border-radius:3px;background:#243855;color:#9dc2fa}
.card-foot{border-color:#ffffff10}
.dropzone{background:linear-gradient(135deg,#0b111acc,#0e1724cc);border-color:#ffffff22}
.dropzone.drag{border-color:#5798f2;background:#0c1c31}
.asset-preview{background:linear-gradient(135deg,#17263d,#284d7d);color:#91bdf7}
.asset-card:nth-child(2n) .asset-preview{background:linear-gradient(135deg,#2c263b,#53436c)}
.job-head{background:#101722;color:#768397}
.job{border-color:#ffffff0e}
.working{background:#263758;color:#9ac2ff}.queued{background:#4a331e;color:#ffc783}.done{background:#213d31;color:#83dfad}
.progress{background:#18212d}.progress i{background:#478de9}
.empty{color:#6f7b8c}
.toast{border:1px solid #ffffff18;border-radius:5px;background:#101722;color:#fff}
.channel-grid{gap:14px}
.channel-card{position:relative;overflow:hidden}
.channel-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--orange)}
.channel-card:nth-child(2)::before{background:var(--moss)}
.channel-card:nth-child(3)::before{background:var(--mist)}
.channel-card>p,.channel-card ol,.route-state{color:#8290a3}
.symphony-options{border-color:#ffffff18;background:#0b131c}
.login-overlay{background:linear-gradient(90deg,#02050af2,#06111df2),url("assets/blue-whale-nocturne.png") center/cover no-repeat}
.login-card{border-radius:8px;border-color:#ffffff20;background:#0a111be8;color:#f3f5f7;backdrop-filter:blur(20px)}
.login-brand{display:flex;align-items:center;gap:10px;color:#fff}

/* Minimal editorial workspace */
body:not(.entry-view) .main{max-width:1800px}
body:not(.entry-view) .header{min-height:104px;margin-bottom:18px;align-items:flex-start}
body:not(.entry-view) .header h1{font-family:"Arial Narrow","Segoe UI",sans-serif;font-size:46px;font-weight:300;letter-spacing:-2.8px}
body:not(.entry-view) .header>div:first-child>p{color:#86a8cf}
.stats{gap:0;border:1px solid #ffffff17;border-radius:6px;background:#070c13b8;overflow:hidden}
.stat{min-height:82px;padding:16px 20px;border:0;border-right:1px solid #ffffff12;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.stat:last-child{border-right:0}
.stat p{font:600 9px/1.2 Consolas,monospace;letter-spacing:1.3px}
.stat strong{font-size:27px;font-weight:500;letter-spacing:-1px}
.stat small{font-size:10px}
.strategy{margin-top:12px;padding:13px 16px;border-radius:6px;grid-template-columns:1.7fr 150px 150px minmax(200px,.8fr) auto;background:#080d14c9}
.strategy-title .iconbox{width:30px;height:30px}
.composer-grid{margin-top:12px;grid-template-columns:minmax(0,2.5fr) minmax(300px,.72fr);gap:12px}
.composer-panel{padding:24px;background:#080d14c9}
.panel-head h2{font-family:"Arial Narrow","Segoe UI",sans-serif;font-size:29px;font-weight:400;letter-spacing:-1.3px}
.model{font:600 10px/1 Consolas,monospace;letter-spacing:.4px;text-transform:uppercase}
.tabs{margin-top:18px;padding:0;border:1px solid #ffffff12;background:#050910}
.tabs button{min-height:58px;padding:11px 14px;border-radius:0;border-right:1px solid #ffffff10}
.tabs button:last-child{border-right:0}
.tabs button strong{font-size:13px}.tabs button span{font-size:9px}
.director{margin-top:10px;padding:18px;border-radius:5px;background:#070c13}
.director-title strong{font-size:14px}.director-title small{font-size:10px}
.form-grid{gap:15px 12px}
.field{font:600 9px/1.2 Consolas,"Microsoft YaHei",monospace;letter-spacing:.45px;color:#aeb9c8}
.input,textarea,select{border-radius:3px;background:#050910;border-color:#ffffff16}
.input{height:40px}.field textarea{min-height:72px}
.reference-field{padding:13px;border-radius:4px}
.prompt-output textarea{min-height:150px}
.director-foot{padding-top:14px;border-top:1px solid #ffffff0e}
.recent{padding:22px;background:#060a10d9}
.recent .video-preview{margin-top:16px;height:390px}
.recent .panel-head h2{font-size:25px}
.btn{height:40px;padding:0 16px;font-size:11px;text-transform:none}
.toolbar{margin-bottom:14px}
.channel-card,.card,.asset-card,.jobs,.dropzone{border-radius:6px}

@media(max-width:1180px){
  .entry-routes{width:min(690px,68vw)}
  .entry-route{min-height:135px}
  .entry-title h1{font-size:clamp(68px,9vw,128px)}
}
@media(max-width:820px){
  body:not(.entry-view)::before{background:linear-gradient(#05080df2,#06101af2),url("assets/blue-whale-nocturne.png") center/cover no-repeat}
  .main{margin-left:0;padding:24px 18px}
  .sidebar{width:min(280px,86vw)}
  .entry-view{overflow:auto}
  .entry-view .main{padding:8px}
  .studio-entry{min-height:calc(100vh - 16px);padding:20px;background-position:62% center}
  .entry-brand{position:relative;left:auto;top:auto}
  .entry-routes{position:relative;top:auto;right:auto;width:100%;margin-top:34px;grid-template-columns:1fr}
  .entry-route{min-height:104px;padding:16px 18px}
  .entry-route .route-no{font-size:24px}.entry-route strong{margin-top:6px;font-size:18px}
  .entry-title{position:relative;left:auto;right:auto;bottom:auto;width:100%;margin-top:90px;align-items:flex-end;gap:10px}
  .entry-title h1{font-size:clamp(35px,10.5vw,54px);white-space:nowrap;line-height:.9}
  .entry-tasks{position:relative;right:auto;bottom:auto;margin-top:34px;padding:0}
}
@media(max-width:560px){
  .header h1{font-size:30px}
  .panel{padding:17px}
  .entry-title{margin-top:70px}
  .entry-title h1{letter-spacing:-.07em}
}

/* Route-specific studio system */
.brand,.entry-brand{font-family:Georgia,"Times New Roman",serif}
.brand-logo{display:block;width:188px;height:64px;object-fit:contain;object-position:left center}
.brand{display:flex;align-items:center;padding:0 0 28px}
.brand .brand-logo{width:188px;height:64px}
.entry-brand{left:24px;top:22px}
.entry-brand .brand-logo{width:188px;height:64px}
.login-brand .brand-logo{width:188px;height:64px}
.brand .whale-mark,.entry-brand .whale-mark,.login-brand .whale-mark{width:34px;height:34px}
.brand{min-height:72px;grid-template-columns:34px 1fr;padding:0 8px 28px;font-size:20px}
.brand small{font-family:Consolas,"SFMono-Regular",monospace;font-size:8px;letter-spacing:1.7px}
.route-back{margin:0 0 12px;padding:0;border:0;background:transparent;color:#b7c6d8;font:600 10px/1.2 Consolas,monospace;letter-spacing:1.1px;text-transform:uppercase}
.route-back:hover{color:#fff;transform:translateX(-2px)}
body:not(.entry-view) .header{position:relative;min-height:210px;margin:-30px calc(-1 * clamp(22px,3vw,48px)) 18px;padding:30px clamp(22px,3vw,48px) 28px;overflow:hidden;align-items:flex-start;background:linear-gradient(90deg,#03101ee6 0%,#061321a8 53%,#0308114d),url("assets/blue-whale-nocturne.png") center 42%/cover no-repeat;border-bottom:1px solid #ffffff1a}
body:not(.entry-view) .header::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,transparent 35%,#05080da8),radial-gradient(ellipse at 78% 40%,#d9be8740 0,transparent 38%);pointer-events:none}
body:not(.entry-view) .header>div{position:relative;z-index:2}
body:not(.entry-view) .header h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,4.4vw,74px);font-weight:400;letter-spacing:-3px;color:#f4ead8}
body:not(.entry-view) .header p{color:#9ec7ee}
body[data-route="doubao"] .header p{color:var(--orange)}
body[data-route="symphony"] .header p{color:#9ecb73}
body[data-route="omni"] .header p{color:#a9d4fa}
.head-actions{position:relative;z-index:3}
.route-workspace{margin-top:0}
.route-director{margin-top:18px}
.generation-controls{grid-column:1/-1;display:flex;gap:10px;padding:12px;border:1px solid #ffffff14;background:#050a11}
.generation-controls .field{min-width:125px}.generation-controls .grow{flex:1}
.api-strip{grid-column:1/-1;padding:14px;border:1px solid #ffffff18;background:#08111d}
.api-strip-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.api-strip-head strong{font-size:13px}.api-strip-head .route-state{font-size:10px}
.api-grid{display:grid;grid-template-columns:1.2fr .7fr 1.2fr auto;gap:10px;align-items:end}
.form-actions{display:flex;gap:10px;margin-left:auto}
.director-foot .form-actions .btn{margin-left:0}
.route-primary{background:var(--orange)}
body[data-route="symphony"] .route-primary{background:var(--moss)}
body[data-route="omni"] .route-primary{background:var(--mist)}
.route-primary:hover{filter:brightness(1.08)}
.output-placeholder{min-height:430px;margin-top:16px;border:1px dashed #ffffff24;background:linear-gradient(180deg,#101a28,#080d14);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#77869a}
.output-placeholder span{width:58px;height:58px;border:2px solid #7f8b99;border-radius:50%;display:grid;place-items:center;padding-left:4px;font-size:20px}.output-placeholder strong{font:500 18px/1 Georgia,serif}.output-placeholder small{font-size:10px}
.overview-grid{display:grid;grid-template-columns:1.7fr .8fr;gap:14px;margin-top:14px}
.channel-health,.limits-panel{min-height:280px}.health-row{display:grid;grid-template-columns:12px 170px 70px 1fr;gap:12px;align-items:center;min-height:62px;border-top:1px solid #ffffff10}.health-row strong{font-size:13px}.health-row em{font:600 9px/1 Consolas,monospace;color:#70d490;font-style:normal;letter-spacing:1px}.health-dot{width:8px;height:8px;border-radius:50%;background:var(--orange)}.health-row.symphony .health-dot{background:var(--moss)}.health-row.omni .health-dot{background:var(--mist)}.health-line{height:5px;background:#18212d}.health-line i{display:block;height:100%;background:var(--orange)}.health-row.symphony i{background:var(--moss)}.health-row.omni i{background:var(--mist)}
.limits-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.limits-panel .panel-head,.limits-panel .fallback{grid-column:1/-1}.limits-panel>.btn{justify-self:end;align-self:end}
.overview-jobs{margin-top:14px}.overview-jobs>.panel-head{padding:20px 22px;border:1px solid #ffffff18;border-bottom:0;background:#0b111acb}.overview-jobs>.panel-head button{border:0;background:transparent;color:#b8c6d7}.compact-jobs{border-radius:0 0 6px 6px}
@media(max-width:1180px){.api-grid{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.output-placeholder{min-height:300px}}
@media(max-width:820px){body:not(.entry-view) .header{margin:-24px -18px 16px;padding:72px 20px 24px;min-height:220px}.generation-controls{display:grid;grid-template-columns:1fr 1fr}.api-grid{grid-template-columns:1fr}.health-row{grid-template-columns:12px 1fr 70px}.health-line{display:none}}
@media(max-width:560px){.generation-controls{grid-template-columns:1fr}.director-foot{align-items:stretch}.form-actions{width:100%;display:grid;grid-template-columns:1fr}.overview-stats{grid-template-columns:1fr 1fr}}

/* High-fidelity palette and painterly contrast */
body{--route-accent:#76aef7;--route-accent-soft:#b7d7ff;--route-panel:#071522e8;--route-input:#07111d}
body[data-route="doubao"]{--route-accent:#df7651;--route-accent-soft:#f0a083}
body[data-route="symphony"]{--route-accent:#91b867;--route-accent-soft:#b9d995}
body[data-route="omni"]{--route-accent:#9fc6e8;--route-accent-soft:#c9e3f8}
body:not(.entry-view)::before{background:linear-gradient(90deg,#020812b8 0%,#0615268a 52%,#020711b2 100%),url("assets/blue-whale-nocturne.png") center/cover no-repeat}
.sidebar{background:#030b16f2;border-right-color:#4f6c8c45}
body:not(.entry-view) .header{background:#06111c}
body:not(.entry-view) .header::before{content:"";position:absolute;inset:0;z-index:0;background:url("assets/blue-whale-nocturne.png") center 42%/cover no-repeat;filter:brightness(1.38) saturate(1.24) contrast(1.05)}
body:not(.entry-view) .header::after{z-index:1;background:linear-gradient(90deg,#03101e82 0%,#06132132 52%,#03081124),linear-gradient(180deg,transparent 45%,#04101b70),radial-gradient(ellipse at 78% 40%,#efd39a20 0,transparent 42%)}
body[data-route="doubao"] .header p,body[data-route="symphony"] .header p,body[data-route="omni"] .header p{color:var(--route-accent)}
body:not(.entry-view) .header h1{color:#f6ead8;text-shadow:0 2px 22px #0008}
body:not(.entry-view) .header span{color:#a8b8cb}

/* Each production route has its own Van Gogh header and channel colour. */
body[data-route="doubao"] .header::before{background-image:url("assets/doubao-projector-integrated-v2.png");background-position:center 50%;background-size:cover;background-repeat:no-repeat;filter:brightness(1.03) saturate(1.08) contrast(1.04)}
body[data-route="symphony"] .header::before{background-image:url("assets/symphony-projector-integrated-v2.png");background-position:center 50%;background-size:cover;background-repeat:no-repeat;filter:brightness(1.02) saturate(1.08) contrast(1.04)}
body[data-route="omni"] .header::before{background-image:url("assets/omni-projector-integrated-v2.png");background-position:center 50%;background-size:cover;background-repeat:no-repeat;filter:brightness(1.02) saturate(1.06) contrast(1.04)}
body[data-route="doubao"] .header::after,body[data-route="symphony"] .header::after,body[data-route="omni"] .header::after{background:linear-gradient(90deg,#020913e8 0%,#04101ca6 38%,#03091455 70%,#02071170 100%),linear-gradient(180deg,#02071212 22%,#04101ba8 100%)}
body[data-route="doubao"] .route-back,body[data-route="symphony"] .route-back,body[data-route="omni"] .route-back{color:var(--route-accent)}
body[data-route="doubao"] .route-back:hover,body[data-route="symphony"] .route-back:hover,body[data-route="omni"] .route-back:hover{color:var(--route-accent-soft)}
body[data-route="doubao"] .header #pageKicker,body[data-route="symphony"] .header #pageKicker,body[data-route="omni"] .header #pageKicker{color:var(--route-accent);text-shadow:0 1px 12px #000}
body[data-route="doubao"] .header #pageSubtitle,body[data-route="symphony"] .header #pageSubtitle,body[data-route="omni"] .header #pageSubtitle{color:var(--route-accent-soft);text-shadow:0 1px 12px #000}
.panel,.stat,.jobs,.card,.asset-card{background:var(--route-panel);border-color:#89a8c52d}
.composer-panel{background:#06131fdb}
.route-director{background:#071522e8;border-color:color-mix(in srgb,var(--route-accent) 35%,transparent)}
.recent{background:#06111ddd;border-color:#89a8c52d}
.input,textarea,select{background:var(--route-input);border-color:#96abc42e;color:#f4f1e8}
.input::placeholder,textarea::placeholder{color:#738399}
.route-workspace .input:focus,.route-workspace textarea:focus,.route-workspace select:focus{border-color:var(--route-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--route-accent) 18%,transparent)}
.route-workspace .field:focus-within{color:var(--route-accent-soft)}
.route-workspace .eyebrow,.route-workspace .director-title small,.route-workspace .prompt-output small{color:var(--route-accent)}
.route-workspace .model{color:var(--route-accent-soft);border-color:color-mix(in srgb,var(--route-accent) 42%,transparent);background:color-mix(in srgb,var(--route-accent) 9%,#07111d)}
.route-workspace .reference-field,.route-workspace .generation-controls,.route-workspace .api-strip{background:#071522;border-color:color-mix(in srgb,var(--route-accent) 25%,transparent)}
.route-workspace .reference-chip .reference-icon{color:var(--route-accent-soft);background:color-mix(in srgb,var(--route-accent) 15%,#071522)}
.route-workspace .route-state{color:var(--route-accent-soft)}
.route-workspace .route-primary{background:var(--route-accent);color:#06101a}
.route-workspace .route-primary:hover{background:var(--route-accent-soft)}
.route-workspace .output-placeholder span{border-color:var(--route-accent);color:var(--route-accent-soft)}
.route-workspace .output-placeholder strong{color:var(--route-accent-soft)}
.route-workspace .director-foot>span{color:var(--route-accent-soft)}
.nav-item.active em{color:var(--route-accent)}