:root{--bg:#080d19;--surface:#111b2d;--line:#293951;--text:#eef5ff;--muted:#a2b3cc;--accent:#77e5ed;--violet:#a69bff;font-family:'Segoe UI',Arial,sans-serif;color:var(--text);background:var(--bg);color-scheme:dark}body{background:radial-gradient(ellipse at 12% 0,#21334f66,transparent 48%),radial-gradient(ellipse at 95% 20%,#30265844,transparent 44%),var(--bg);min-height:100vh;font-family:'Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.6}header{height:auto;min-height:88px;padding:18px 4%;gap:24px;align-items:center;background:#0c1424;border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{font-size:19px;font-weight:700;letter-spacing:1px;color:var(--text);white-space:nowrap}.brand b{color:var(--muted)}.mark{background:linear-gradient(135deg,var(--accent),var(--violet));box-shadow:0 0 28px #77e5ed25;border-radius:11px}nav{flex-wrap:wrap;gap:8px;flex:1;justify-content:flex-end}nav a{font-size:12px;color:var(--muted);padding:8px 11px;border-radius:8px;text-decoration:none;border:1px solid transparent}nav a:hover,nav a[aria-current=page]{color:var(--accent);background:#77e5ed0d;border-color:#77e5ed35}.studio{max-width:1440px;padding:42px 4% 72px}.page-title{margin-bottom:30px;padding:0 0 24px;border-bottom:1px solid var(--line)}.page-title h1,.studio h1{font-size:clamp(28px,3vw,42px);letter-spacing:-1.3px;line-height:1.18;font-weight:650;margin:12px 0 14px}.page-title p,.history-title p,.label-info,.help,.sub{font-size:13px;line-height:1.7;color:var(--muted)}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:2.4px;font-weight:650}.panel,.login{background:linear-gradient(145deg,#152138,#10192b);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 16px 45px #00000020;margin-bottom:22px}.panel h2{font-size:19px;letter-spacing:-.4px;font-weight:650;margin-top:0}.plain,button:not(.thumb):not(.primary),.download{font-family:inherit;font-size:12px;line-height:1.4;border-radius:9px;border-color:#334761;background:#19273c;color:#dbe8fa;padding:10px 14px;text-decoration:none;transition:background .15s,border-color .15s}.plain:hover,button:not(:disabled):hover,.download:hover{background:#243851;border-color:#77e5ed80}.primary,.studio button.primary{background:linear-gradient(110deg,#82e9ea,#a9b8ff);color:#0d2031;border:1px solid #a4e6f0;border-radius:10px;font-weight:750;box-shadow:0 4px 18px #77e5ed12;min-height:44px}.primary:hover,.studio button.primary:hover{background:linear-gradient(110deg,#a1f1ef,#bfc9ff);color:#0d2031}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{font-family:inherit!important;font-size:14px!important;color:var(--text);border:1px solid #354660;border-radius:9px;background:#0b1424;padding:12px;accent-color:var(--accent)}input:not([type=checkbox]):not([type=radio]){min-height:44px}label{color:#c3d2e8;font-size:12px;font-weight:550}textarea{line-height:1.75}input::placeholder,textarea::placeholder{color:#7387a3}input:focus,select:focus,textarea:focus{outline:2px solid #77e5ed80;outline-offset:2px;border-color:var(--accent);box-shadow:none}:where(a,button,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:var(--accent)}.badge{background:#17363f;color:#99e7ef;border:1px solid #31535c;border-radius:8px;font-size:11px}.admin-navigation{display:flex;flex-wrap:wrap;gap:8px;padding:16px;border:1px solid var(--line);background:#101a2c;border-radius:14px;margin-bottom:18px}.admin-navigation a{padding:10px 13px}.table-wrap{border:1px solid var(--line);border-radius:12px}table{font-size:12px}th{background:#17243a;color:#b4c6df;font-size:11px;text-transform:uppercase;letter-spacing:.6px;padding:15px 13px}td{padding:16px 13px;color:#c8d6e9;border-color:#26344b}tbody tr:hover{background:#77e5ed05}.stats{gap:16px}.stat{background:linear-gradient(135deg,#172b40,#1a203a);border-color:#354761;border-radius:13px;padding:20px}.stat strong{font-size:32px;color:var(--accent)}.stat span{font-size:12px;color:var(--muted)}.project-grid{gap:20px}.project-card,.job,.audio-job{border:1px solid var(--line);border-radius:14px;background:#111d30;box-shadow:0 8px 24px #0002;overflow:hidden}.audio-job{padding:22px;margin:16px 0}.job-header{background:#152238;border-color:var(--line);font-size:11px}.media-cell{background:#0a1322}.prompt-cell h3{font-size:13px;color:#d9e5f6}.project-card h2,.project-card h3{color:#edf5ff}.progress{height:8px;background:#26324b}.progress-fill{background:linear-gradient(90deg,var(--accent),var(--violet))}progress{accent-color:var(--accent)}.progress-head,.progress-note,.result-meta{font-size:11px}.tabs{background:#0a1323;border:1px solid var(--line);padding:5px;border-radius:11px;gap:6px}.tabs button{background:transparent;border:1px solid transparent;color:var(--muted)}.tabs button.selected{background:#20354b;color:#a6f1f3;border-color:#53818c}.status{font-size:11px}.status.completed,.generation-status.online{background:#12392e;color:#9af0c3;border-color:#2e6450}.generation-status.offline,.danger{color:#ffb8bf}.empty{border:1px dashed #435571;border-radius:14px;padding:44px;color:var(--muted)}dialog{background:#111d30;color:var(--text);border-color:#45607e;border-radius:18px;padding:28px;box-shadow:0 28px 100px #0009}dialog::backdrop{background:#030815c9}.save-panel{background:#112b31;border-color:#31515b;border-radius:14px}.save-panel p{color:#aed1da}footer{color:#7e91ad;border-color:var(--line);font-size:11px}.login{padding:38px}.layout{gap:80px}h1 em{color:var(--accent)}.scene{border-color:#57718b}.features{color:var(--muted)}#voice-library{background:#0e182a;border-color:var(--line);border-radius:13px;padding:20px}.security-note{color:#91accd;font-size:12px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#0a1220}::-webkit-scrollbar-thumb{background:#354761;border:2px solid #0a1220;border-radius:8px}@media(max-width:850px){header{padding:16px 20px}nav{justify-content:flex-start;width:100%;flex-basis:100%}.studio{padding:28px 20px}.panel{padding:22px}.layout{gap:32px}}@media(max-width:600px){.studio{padding:24px 14px}.panel{padding:18px;border-radius:13px}nav a{padding:7px 9px}.admin-navigation{padding:10px}.page-title h1{font-size:29px}.stats{gap:9px}.stat{padding:14px}.login{padding:26px}.layout{padding:28px 18px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
/* Administration uses a dedicated navigation rail on wide screens. */
@media(min-width:1100px){.studio:has(>.admin-navigation){position:relative;padding-left:290px}.studio:has(>.admin-navigation)>.page-title{margin-left:-238px}.studio>.admin-navigation{position:absolute;top:215px;left:4%;width:208px;display:flex;flex-direction:column;align-items:stretch;background:#101c30;padding:10px;gap:5px}.admin-navigation .plain{background:transparent;border-color:transparent;font-size:12px;line-height:1.6}.admin-navigation .plain:hover{background:#21364b;border-color:#406078}}
main:not(.studio){font-family:'Segoe UI',Arial,sans-serif}.heading small{color:#77e5ed;font-size:11px;letter-spacing:2px}.heading h1{letter-spacing:-1px}.heading>button{font-size:12px}#generation-progress{height:12px}#counts{font-size:23px;color:#9cebf0}#progress-label{color:#9cebf0}#run-warnings,#error-detail{color:#f2cf8c}#notifications>div,#error-history>div{padding:12px;border-bottom:1px solid #2b3d56}
