:root{--ink:#061428;--ink-2:#041021;--panel:#0b2546;--panel-2:#08213e;--line:#1b416e;--line-soft:#17365c;--blue:#2397ff;--blue-2:#168df0;--blue-3:#32a2ff;--cyan:#79caff;--mint:#7df4bb;--rose:#ff9d9d;--muted:#87a5c8;--text:#eaf4ff;--text-soft:#b8d8f4;--text-dim:#9cb8d6;--shadow:0 16px 36px #00000038;--radius:14px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 62% 0,#0d3565 0%,#061428 43%,#041021 100%) fixed;font-family:DM Sans,Noto Sans SC,sans-serif}h1,h2,h3{letter-spacing:-.02em;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}.mono{font-family:Space Mono,ui-monospace,monospace}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;background:#051225eb;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 18px;display:flex;position:sticky;top:0}.brand-row{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#32a2ff,#0d5fb8);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 18px #2397ff47}.brand-name{letter-spacing:-.01em;font-size:15px;font-weight:700}.top-meta{color:var(--text-soft);align-items:center;gap:14px;font-size:13px;display:flex}.top-meta .sep{background:var(--line);width:1px;height:18px}.progress-mini{background:#071b35;border-radius:99px;width:96px;height:6px;overflow:hidden}.progress-mini>i{border-radius:inherit;background:linear-gradient(90deg,#188df1,#6bc5ff);height:100%;display:block}.top-actions{align-items:center;gap:8px;display:flex}.credit-pill{background:#071b35b3;border:1px solid #2397ff47;border-radius:10px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:600;display:flex}.avatar{background:linear-gradient(145deg,#4db5ff,#0d5fb8);border-radius:999px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.workspace{grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 64px);display:grid}.sidebar{border-right:1px solid var(--line-soft);background:#05152ae0;flex-direction:column;gap:8px;padding:14px 12px;display:flex}.nav-item{width:100%;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:11px 12px;font-size:14px;font-weight:500;transition:all .18s;display:flex}.nav-item:hover,.nav-item.active{color:#dff3ff;background:#0d3a68}.nav-item.active{box-shadow:inset 3px 0 #28a1ff}.sidebar-foot{border-top:1px solid #17365ccc;margin-top:auto;padding-top:16px}.sidebar-foot .label{letter-spacing:.16em;text-transform:uppercase;color:#86c8ff;margin-bottom:10px;font-size:11px;font-weight:700}.style-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.style-swatch{aspect-ratio:1;background:linear-gradient(145deg,#2397ff59,#0000 55%),radial-gradient(circle at 30% 20%,#7df4bb44,#0000 40%),#08213e;border:1px solid #2397ff59;border-radius:8px}.main-pane{min-width:0;padding:22px 22px 120px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.eyebrow{color:#86c8ff;letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700}.page-title{color:#f1f8ff;font-size:28px;font-weight:700}.page-sub{color:var(--text-dim);max-width:62ch;margin:8px 0 0;font-size:14px}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(145deg,#112f54eb,#081c35f2)}.panel-pad{padding:16px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.stat{padding:16px}.stat small{color:var(--text-dim);font-size:12px}.stat strong{margin-top:8px;font-size:24px;font-weight:700;display:block}.stat.mint strong{color:var(--mint)}.stat.cyan strong{color:var(--cyan)}.toolbar{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.search{flex:1;min-width:220px;position:relative}.search svg{color:var(--cyan);opacity:.8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search input{padding-left:38px}.field,input,textarea,select{width:100%;color:var(--text);background:#071b35;border:1px solid #1d4776;border-radius:10px;outline:none;padding:10px 12px;transition:all .18s}textarea{resize:vertical;min-height:110px}.field:focus,input:focus,textarea:focus,select:focus{border-color:#2b9dff;box-shadow:0 0 0 3px #2b9dff26}label{color:#d2e6fb;margin:10px 0 6px;font-size:12px;font-weight:600;display:block}.btn{color:#b9d8f4;cursor:pointer;background:#0a2749;border:1px solid #21466f;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.btn:hover{color:#fff;background:#104779;border-color:#329fff;transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.primary{background:var(--blue-2);color:#fff;border:0;box-shadow:0 8px 18px #168df038}.btn.primary:hover{background:var(--blue-3)}.btn.ghost{box-shadow:none;background:0 0}.btn.danger{color:#ffc7c7;background:#ff525214;border-color:#ff636359}.icon-btn{border-radius:10px;place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.grid{gap:14px;display:grid}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid.two{grid-template-columns:1.35fr .75fr}.grid.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.project-card{cursor:pointer;transition:transform .22s,border-color .22s,box-shadow .22s;overflow:hidden}.project-card:hover{border-color:#299fff;transform:translateY(-4px);box-shadow:0 20px 40px #0000004d,0 0 0 1px #299fff2e}.thumb{aspect-ratio:16/9;background:radial-gradient(circle at 70% 20%,#2397ff47,#0000 45%),linear-gradient(160deg,#0d3a68,#071b35 70%);position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb-fallback{height:100%;color:var(--cyan);place-items:center;font-family:Space Mono,monospace;font-size:12px;display:grid}.card-body{padding:14px}.card-body h3{font-size:16px;font-weight:700}.card-body p{color:var(--text-dim);margin:8px 0 0;font-size:13px;line-height:1.5}.meta{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.card-foot{color:#718eae;justify-content:space-between;gap:8px;margin-top:12px;font-size:12px;display:flex}.card-actions{gap:8px;margin-top:12px;display:flex}.tag{color:var(--cyan);background:#2397ff1f;border:1px solid #2397ff47;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.tag.pass,.tag.ready,.tag.passed,.tag.export_ready,.tag.done,.tag.characters_locked,.tag.storyboard_ready{color:var(--mint);background:#1bbe7821;border-color:#33dc9047}.tag.fail,.tag.failed,.tag.qc_failed,.tag.needs_human{color:var(--rose);background:#ff52521f;border-color:#ff63634d}.tag.queued,.tag.running,.tag.rendering,.tag.generating,.tag.qc{color:var(--cyan);background:#2397ff24;border-color:#2397ff4d}.studio-shell{grid-template-columns:240px minmax(0,1fr);gap:0;min-height:calc(100vh - 64px);display:grid}.studio-rail{border-right:1px solid var(--line-soft);background:#05152ab8;padding:16px 12px 100px}.studio-rail h3{margin-bottom:8px;font-size:16px}.studio-rail .nav-item{margin-bottom:4px}.studio-main{min-width:0;padding:20px 20px 120px}.msg-ok{color:var(--mint);font-size:13px;font-weight:600}.msg-err,.err{color:var(--rose);font-size:13px;font-weight:600}.ok{color:var(--mint);font-weight:600}.flow-studio{flex-direction:column;gap:12px;min-height:calc(100vh - 120px);display:flex}.flow-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.flow-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.flow-title-row h2{font-size:20px}.flow-progress-row{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;font-size:12px;display:flex}.flow-progress-row .progress-mini{width:140px}.flow-body{grid-template-columns:260px minmax(0,1fr) 300px;gap:12px;min-height:0;display:grid}.flow-left,.flow-right{min-height:640px;padding:14px}.flow-nav{gap:4px;margin:10px 0 14px;display:grid}.flow-char-block{border-top:1px solid var(--line-soft);padding-top:12px}.turnaround-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.turn-card{border:1px solid var(--line-soft);cursor:pointer;color:inherit;text-align:left;background:#071b35;border-radius:10px;align-items:center;gap:8px;padding:8px;display:flex}.turn-card.active,.turn-card:hover{border-color:#299fff;box-shadow:0 0 0 1px #299fff2e}.turn-thumb{width:42px;height:42px;color:var(--cyan);background:#0a2749;border-radius:8px;flex-shrink:0;place-items:center;font-weight:700;display:grid;overflow:hidden}.turn-thumb img{object-fit:cover;width:100%;height:100%}.turn-name{font-size:12px;font-weight:700}.hero-ref{border:1px solid var(--line);aspect-ratio:3/4;cursor:zoom-in;width:100%;color:inherit;background:#071b35;border-radius:12px;margin-top:10px;padding:0;display:block;position:relative;overflow:hidden}.hero-ref img{object-fit:cover;width:100%;height:100%;display:block}.hero-ref.zoomable:hover,.char-ref.zoomable:hover,.preview-shot.zoomable:hover{border-color:#299fff}.zoom-hint{color:#dff3ff;pointer-events:none;background:#041021c7;border:1px solid #299fff59;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;bottom:10px;left:10px}.preview-shot{cursor:zoom-in;background:#071b35;border:0;width:100%;padding:0;display:block;position:relative}.preview-shot img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.lightbox{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020a16d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lightbox-card{border:1px solid var(--line);background:linear-gradient(145deg,#112f54f5,#081c35fa);border-radius:16px;width:min(920px,96vw);max-height:92vh;padding:14px;overflow:auto;box-shadow:0 24px 60px #00000073}.lightbox-card img{object-fit:contain;background:#041021;border-radius:12px;width:100%;max-height:78vh;display:block}.outfit-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.flow-center{min-width:0}.flow-desk-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.flow-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.flow-panel-card{text-align:left;color:inherit;cursor:pointer;flex-direction:column;padding:0;transition:all .2s;display:flex;overflow:hidden}.flow-panel-card:hover,.flow-panel-card.active{border-color:#299fff;transform:translateY(-2px);box-shadow:0 18px 34px #00000047,0 0 0 1px #299fff33}.flow-panel-card.is-fail{border-color:#ff636373}.flow-panel-shot{aspect-ratio:3/4;background:#071b35;position:relative;overflow:hidden}.flow-panel-shot img{object-fit:cover;width:100%;height:100%;display:block}.flow-panel-body{padding:12px}.flow-panel-body p{color:var(--text-dim);margin:8px 0 0;font-size:12px;line-height:1.45}.prompt-vars{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.warn-line{color:#ffb4b4;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:600;display:flex}.qc-side{flex-direction:column;gap:8px;display:flex}.qc-status-card{border:1px solid var(--line);background:#071b35d9;border-radius:12px;padding:12px}.qc-status-card.pass{background:#1bbe7814;border-color:#33dc9059}.qc-status-card.fail{background:#ff525214;border-color:#ff636366}.qc-section{border-top:1px solid var(--line-soft);margin-top:8px;padding-top:10px}.qc-bar{color:var(--text-soft);margin:8px 0;font-size:12px}.qc-bar .progress-mini{margin-top:6px}.lock-list{color:var(--text-soft);gap:8px;font-size:12px;display:grid}.lock-list>div{align-items:center;gap:8px;display:flex}.warn-panel{color:#ffd0d0;background:#ff52521a;border:1px solid #ff636366;border-radius:12px;margin-top:10px;padding:12px;font-size:13px}.warn-panel p{margin:8px 0 0;line-height:1.45}@media (width<=1200px){.flow-body{grid-template-columns:230px minmax(0,1fr)}.flow-right{display:none}.flow-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.flow-body{grid-template-columns:1fr}.flow-left{min-height:auto}.flow-panel-grid{grid-template-columns:1fr}}.char-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.char-card{overflow:hidden}.char-ref{cursor:zoom-in;width:100%;height:220px;color:inherit;text-align:left;background:linear-gradient(145deg,#2397ff1f,#0000),repeating-linear-gradient(45deg,#0a2749,#0a2749 12px,#071b35 12px 24px);border:0;padding:0;position:relative;overflow:hidden}.char-ref img{object-fit:cover;width:100%;height:100%;display:block}.char-ref.busy img{filter:grayscale(.15)brightness(.8)}.ref-overlay{color:#eaf4ff;background:linear-gradient(#0000,#041021d1);align-items:flex-end;padding:12px;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.char-card .body{padding:14px}.panel-board{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.comic-panel{cursor:pointer;flex-direction:column;min-height:280px;transition:all .2s;display:flex;overflow:hidden}.comic-panel:hover{border-color:#299fff;transform:translateY(-2px)}.comic-panel .shot{height:170px;color:var(--muted);background:#071b35;place-items:center;font-size:12px;display:grid}.comic-panel .shot img{object-fit:cover;width:100%;height:100%}.comic-panel .body{flex:1;padding:12px}.comic-panel .body p{color:var(--text-dim);margin:8px 0 0;font-size:13px}.preview-pages{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.preview{overflow:hidden}.preview img{aspect-ratio:3/4;object-fit:cover;background:#071b35;width:100%;display:block}.preview .body{padding:10px 12px 14px}table{border-collapse:collapse;border-radius:12px;width:100%;overflow:hidden}th,td{border:1px solid var(--line-soft);text-align:left;vertical-align:top;padding:10px 12px;font-size:13px}th{color:#b8d8f4;background:#071b35;font-weight:600}td{color:var(--text-soft);background:#081c35a6}.login-wrap{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-hero{border-right:1px solid var(--line-soft);background:radial-gradient(circle at 20% 20%,#2397ff38,#0000 40%),linear-gradient(160deg,#0a2749,#041021 70%);flex-direction:column;justify-content:center;padding:72px 64px;display:flex}.login-hero h1{max-width:9ch;font-size:56px;line-height:.95}.login-hero p{color:var(--text-dim);max-width:38ch;margin-top:18px;line-height:1.6}.login-box{background:#0512258c;flex-direction:column;justify-content:center;padding:72px 56px;display:flex}.login-box h2{margin:8px 0 18px;font-size:34px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lead{color:var(--text-dim);max-width:64ch;margin:8px 0 18px;line-height:1.55}.kicker{color:#86c8ff;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700}.muted{color:var(--muted)}.log-dock{z-index:50;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#051225f0;border-radius:14px;position:fixed;bottom:14px;left:18px;right:18px;overflow:hidden;box-shadow:0 18px 40px #00000059}.log-dock.closed{width:min(460px,100vw - 36px);right:auto}.log-toggle{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:12px 14px;display:flex}.log-toggle strong{flex:1;font-size:14px}.log-list{border-top:1px solid var(--line-soft);max-height:180px;padding:8px 14px 12px;font-family:Space Mono,monospace;font-size:12px;overflow:auto}.log-line{border-bottom:1px dashed #1b416eb3;grid-template-columns:64px 170px 1fr;gap:10px;padding:5px 0;display:grid}.log-line.error{color:#ffc2c2}.log-line.warn{color:#ffe2a8}.log-line time{opacity:.65}.log-line b{color:#7ec8ff;font-weight:700}.toast{z-index:60;border:1px solid var(--line);box-shadow:var(--shadow);background:#081c35f5;border-radius:10px;padding:10px 14px;font-size:13px;position:fixed;bottom:210px;left:50%;transform:translate(-50%)}@media (width<=1100px){.stats,.grid.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two,.studio-shell{grid-template-columns:1fr}.studio-rail{border-right:0;border-bottom:1px solid var(--line-soft)}}@media (width<=860px){.workspace{grid-template-columns:1fr}.sidebar{display:none}.login-wrap{grid-template-columns:1fr}.login-hero,.top-meta{display:none}.log-line{grid-template-columns:52px 1fr}.log-line b{display:none}}