:root{--color-base:#0b1014;--color-surface:#111a20;--color-surface-soft:#131e25c7;--color-border:#263843;--color-border-strong:#38505c;--color-primary:#6ee7f2;--color-accent:#1fb6c9;--color-highlight:#d6a751;--color-cta:#d6a751;--color-text-primary:#eef7fb;--color-text-secondary:#98a8b3;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--font-display:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--nav-height:72px;--bg:var(--color-base);--surface:var(--color-surface);--surface-subtle:#111a20b8;--surface-strong:#6ee7f21c;--text:var(--color-text-primary);--text-h:var(--color-primary);--muted:var(--color-text-secondary);--soft:#78909c;--border:var(--color-border);--border-strong:var(--color-border-strong);--control-bg:#6ee7f21a;--button-bg:var(--color-cta);--button-hover:#f0c86a;--button-text:#10161b;--status-bg:#6ee7f21a;--status-border:#6ee7f23d;--shadow:0 18px 48px -18px #0000009e;--radius:8px;color:var(--text);font-family:var(--font-body);font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#0b1014 0%,#101920 52%,#0b1014 100%);font-size:16px;line-height:1.6}*{box-sizing:border-box}html{background:var(--color-base);min-width:320px;min-height:100%}body{min-width:320px;min-height:100svh;color:var(--color-text-primary);background:linear-gradient(#0b1014 0%,#101920 52%,#0b1014 100%);margin:0}#root{min-height:100svh}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--color-primary)}h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);line-height:1.12}h2{font-size:1.35rem;line-height:1.2}h3{font-size:1.05rem;line-height:1.35}p{color:var(--color-text-secondary)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;letter-spacing:0}button{background:var(--button-bg);border:1px solid var(--button-bg);color:var(--button-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:9px 16px;font-weight:800;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}button:hover,button:focus-visible{background:var(--button-hover);border-color:var(--button-hover)}button:active{transform:translateY(1px)}input,select,textarea{border:1px solid var(--color-border);color:var(--color-text-primary);background:#111a20eb;border-radius:8px}input::placeholder,textarea::placeholder{color:#71838d}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 3px #6ee7f238}code,pre{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace}.app-shell{width:100%;min-height:100svh;margin:0;padding:0 0 64px}.app-header{-webkit-backdrop-filter:blur(20px);height:var(--nav-height);z-index:100;background:#0b1014f0;border-bottom:1px solid #6ee7f229;justify-content:space-between;align-items:center;gap:clamp(12px,2vw,28px);padding:0 clamp(16px,5vw,44px);display:flex;position:sticky;top:0;box-shadow:0 10px 30px -18px #000000c2}.operator-session{flex:0 auto;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.operator-session span{color:var(--color-text-secondary);overflow-wrap:anywhere;max-width:190px;font-size:.78rem;font-weight:800}.operator-session strong{background:var(--color-cta);color:#10161b;text-transform:uppercase;border-radius:999px;padding:6px 14px;font-size:.72rem;font-weight:900}.operator-session button{min-width:92px;min-height:38px}.login-shell{align-items:center;min-height:100svh;padding:24px;display:grid}.login-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);text-align:left;border-radius:8px;justify-self:center;gap:16px;width:100%;max-width:420px;padding:32px;display:grid}.login-panel h1{color:var(--text-h);margin:0;font-size:28px;line-height:1.15}.login-brand{grid-template-columns:54px minmax(0,1fr);align-items:center;gap:14px;display:grid}.login-brand img{border:1px solid #6ee7f238;border-radius:14px;width:54px;height:54px}.login-panel button{width:100%}.app-header h2{margin:0}.brand-lockup{color:var(--color-primary);grid-template-columns:38px minmax(0,1fr);gap:2px 10px;min-width:210px;text-decoration:none;display:grid}.brand-logo-mark{border:1px solid #6ee7f238;border-radius:10px;grid-row:1/span 2;align-self:center;width:38px;height:38px}.brand-lockup span{font-family:var(--font-display);font-size:1.18rem;font-weight:900;line-height:1}.brand-lockup small{color:var(--color-text-secondary);text-transform:uppercase;font-size:.68rem;font-weight:900}.app-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;min-width:0;display:flex}.app-nav a{color:var(--color-text-secondary);white-space:nowrap;border-radius:12px;align-items:center;min-height:38px;padding:8px 14px;font-size:.84rem;font-weight:800;text-decoration:none;display:inline-flex}.app-nav a:hover,.app-nav a:focus-visible,.app-nav a.active{color:var(--color-primary);background:#6ee7f21c;outline:none}main{max-width:1440px;margin:0 auto;padding:clamp(28px,5vw,72px) clamp(16px,5vw,44px)}.brand-hero{background:linear-gradient(135deg, #1fb6c924, transparent 44%), var(--surface-subtle);border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(0,1fr) 260px;align-items:stretch;gap:22px;padding:28px;display:grid}.brand-hero span{color:var(--button-hover);text-transform:uppercase;font-size:13px;font-weight:900}.brand-hero h1{color:var(--text-h);margin:10px 0;font-size:42px;line-height:1}.brand-hero p{color:var(--text);max-width:620px;font-size:18px}.brand-motion-mark{border:1px solid var(--border-strong);background:#0b1014;border-radius:8px;align-content:end;min-height:190px;padding:18px;display:grid;position:relative;overflow:hidden}.brand-motion-mark img{border:1px solid #6ee7f233;border-radius:18px;width:112px;height:112px;position:absolute;top:18px;right:20px;box-shadow:0 24px 60px -24px #6ee7f294}.brand-motion-mark strong,.brand-motion-mark small{z-index:1;position:relative}.brand-motion-mark strong{color:var(--text-h);font-size:28px}.brand-motion-mark small{color:var(--muted);font-weight:800}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.brand-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:12px;padding:18px;display:grid}.brand-card h3{margin:0;font-size:18px}.brand-card ul{color:var(--text);gap:8px;margin:0;padding-left:18px;display:grid}.brand-palette{grid-column:1/-1}.swatch-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.swatch{border:1px solid var(--border);border-radius:8px;grid-template-columns:38px 1fr;align-items:center;gap:2px 10px;padding:10px;display:grid}.swatch span{border:1px solid var(--border-strong);border-radius:8px;grid-row:1/span 2;width:38px;height:38px}.swatch strong{color:var(--text-h);font-size:13px}.swatch code{color:var(--muted);font-size:12px}.dashboard-grid,.gate-workspace{gap:22px;display:grid}.page-heading{justify-content:space-between;align-items:end;gap:18px;display:flex}.page-heading h1{color:var(--color-primary);font-family:var(--font-display);margin:0 0 6px;font-size:clamp(2rem,4vw,2.75rem);line-height:1.15}.page-heading p,.muted-copy{color:var(--muted);margin:0}.action-row{flex-wrap:wrap;gap:10px;display:flex}.operator-brief{border:1px solid var(--color-border);background:#111a20d1;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:18px;display:grid}.operator-brief div{gap:6px;display:grid}.operator-brief span,.health-check-card span,.diagnostic-summary .detail-item span{color:var(--color-text-secondary);text-transform:uppercase;font-size:.74rem;font-weight:900}.operator-brief p{color:var(--color-text-primary);font-size:.92rem;line-height:1.45}.metric-grid{grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;display:grid}.queue-metric-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}.metric-tile{border:1px solid var(--border);color:var(--text);text-align:left;background:#111a20b8;border-radius:8px;gap:6px;width:100%;min-height:86px;padding:14px;display:grid}.metric-tile:hover,.metric-tile:focus-visible,.metric-tile.active{border-color:var(--color-primary);background:#6ee7f21f}.metric-tile span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.metric-tile strong{color:var(--text-h);font-size:30px;line-height:1}.kanban-board{scroll-snap-type:x proximity;gap:14px;padding:4px 2px 16px;display:flex;overflow-x:auto}.kanban-column{border:1px solid var(--border);scroll-snap-align:start;background:#111a20a3;border-radius:8px;flex:0 0 286px;grid-template-rows:auto minmax(420px,1fr);gap:12px;padding:12px;display:grid}.kanban-column.active{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px #6ee7f22e}.kanban-column header{justify-content:space-between;align-items:center;display:flex}.kanban-column header span{color:var(--text-h);text-transform:uppercase;font-size:13px;font-weight:900}.kanban-column header strong{background:var(--control-bg);color:var(--text-h);border-radius:999px;padding:3px 8px;font-size:13px}.tone-blue{border-top:4px solid #2563eb}.tone-amber{border-top:4px solid #d97706}.tone-cyan{border-top:4px solid #0891b2}.tone-green{border-top:4px solid #15803d}.tone-red{border-top:4px solid #dc2626}.tone-slate{border-top:4px solid #64748b}.tone-violet{border-top:4px solid #7c3aed}.kanban-stack{align-content:start;gap:10px;display:grid}.empty-column{color:var(--muted);text-align:center;padding:34px 8px}.job-card{border:1px solid var(--border);color:var(--text);text-align:left;background:#142027eb;border-radius:8px;gap:8px;width:100%;padding:12px;display:grid}.job-card:hover,.job-card:focus-visible{border-color:var(--border-strong);transform:translateY(-1px)}.job-card strong{color:var(--text-h);font-size:15px;line-height:1.25}.job-card small,.job-card-meta{color:var(--muted);font-size:12px}.job-card-meta{gap:3px;display:grid}.split-panel{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;display:grid}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.detail-item{border:1px solid var(--border);border-radius:8px;gap:4px;padding:12px;display:grid}.detail-item span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.detail-item strong,.detail-item code{color:var(--text-h);overflow-wrap:anywhere}.notes-box{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:6px;padding:12px;display:grid}.notes-box p{margin:0}.command-list{gap:8px;display:grid}.panel-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.text-link{color:var(--color-primary);font-size:.86rem;font-weight:900;text-decoration:none}.text-link:hover,.text-link:focus-visible{text-decoration:underline}.command-row{border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.command-row span,.command-row small{overflow-wrap:anywhere}.command-row span{color:var(--text-h);font-weight:800}.command-row strong{color:var(--muted);text-transform:uppercase;font-size:12px}.command-row small{color:var(--muted);grid-column:1/-1}.queue-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;display:grid}.queue-row-card{border:1px solid var(--border);color:var(--text);text-align:left;background:#142027eb;border-radius:8px;gap:10px;width:100%;padding:12px;display:grid}.queue-row-card:hover,.queue-row-card:focus-visible{border-color:var(--border-strong);transform:translateY(-1px)}.queue-row-title{justify-content:space-between;align-items:start;gap:12px;display:flex}.queue-row-title div{gap:4px;display:grid}.queue-row-title strong{color:var(--text-h)}.queue-row-title span,.queue-row-grid,.queue-row-card p{color:var(--muted);font-size:.82rem}.queue-row-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.status-pending{color:var(--color-warning);border-color:#d6a75159}.status-processing{color:var(--color-primary);border-color:#6ee7f259}.status-completed{color:#86efac;border-color:#4ade8059}.status-failed{color:var(--color-danger);border-color:#ef6b6b59}.gate-list{border:1px solid var(--border);border-radius:8px;gap:8px;max-height:70vh;padding:12px;display:grid;overflow:auto}.gate-list-item{background:var(--surface);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:8px;gap:5px;padding:12px;display:grid}.gate-list-item.selected{border-color:var(--border-strong);box-shadow:inset 3px 0 0 var(--button-bg)}.gate-list-item strong{color:var(--text-h)}.gate-list-item span,.gate-list-item small{color:var(--muted)}.compact-json{background:var(--surface);border:1px solid var(--border);border-radius:8px;max-height:280px;margin:0;padding:12px;overflow:auto}.media-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.media-strip img{aspect-ratio:16/10;border:1px solid var(--border);object-fit:cover;border-radius:8px;width:100%}.rejection-intent-list{gap:8px;display:grid}.rejection-intent{border:1px solid var(--border);color:var(--text);text-align:left;background:#142027db;border-radius:8px;gap:4px;padding:12px;display:grid}.rejection-intent strong{color:var(--text-h)}.rejection-intent span{color:var(--muted);font-size:.84rem;line-height:1.4}.rejection-intent.active,.rejection-intent:hover,.rejection-intent:focus-visible{border-color:var(--color-warning);box-shadow:inset 3px 0 0 var(--color-warning)}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-section{gap:16px;display:grid}.admin-tabs{border:1px solid var(--border);border-radius:8px;justify-self:start;align-items:center;gap:4px;padding:4px;display:inline-flex}.admin-tabs button{color:var(--text);background:0 0;border-color:#0000;min-width:118px;min-height:36px}.admin-tabs button.active,.admin-tabs button[aria-selected=true]{background:var(--surface-strong);border-color:var(--border-strong);color:var(--text-h)}.admin-card{border:1px solid var(--border);border-radius:8px;gap:12px;padding:16px;display:grid}.admin-card h3{margin:0}.page-panel{border:1px solid var(--color-border);text-align:left;background:#111a209e;border-radius:8px;gap:16px;padding:20px;display:grid}.page-panel h3{color:var(--text-h);margin:0;font-size:22px;line-height:1.2}.token-row{grid-template-columns:minmax(280px,1fr) auto;align-items:end;gap:10px;max-width:760px;display:grid}.job-form{grid-template-columns:minmax(180px,240px) minmax(280px,1fr);gap:10px 14px;max-width:860px;display:grid}.artifact-ingest-form{grid-template-columns:minmax(180px,240px) minmax(300px,1fr);gap:10px 14px;max-width:980px;display:grid}.artifact-ingest-form label{color:var(--text-h);align-self:center;font-weight:700}.artifact-ingest-form textarea{min-height:360px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace}.artifact-ingest-form button,.artifact-ingest-form textarea{grid-column:2}.review-loader{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;align-items:end;gap:10px 14px;max-width:980px;display:grid;width:min(980px,100%)!important}.page-panel>.review-loader>.review-field{background:0 0;grid-template-columns:1fr;gap:8px;min-width:0;display:grid;border:0!important;padding:0!important}.review-field label{color:var(--text-h);font-weight:700}.review-field input{width:100%;min-width:0}.review-loader button{white-space:nowrap}.review-workspace{grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:18px;display:grid}.review-main,.review-side,.script-panel{gap:14px;min-width:0;display:grid}.review-video,.review-missing-media{aspect-ratio:16/9;background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%}.review-missing-media{color:var(--muted);align-content:center;gap:8px;padding:18px;display:grid}.review-missing-media strong,.job-summary h4,.scene-list h4,.script-panel h4{color:var(--text-h);margin:0}.artifact-grid,.job-summary,.scene-list{border:1px solid var(--border);border-radius:8px;gap:12px;padding:14px;display:grid}.artifact-grid div{gap:4px;display:grid}.artifact-grid span,.job-summary dt{color:var(--muted);font-size:13px}.artifact-grid code{overflow-wrap:anywhere}.job-summary{align-content:start}.status-pill{background:var(--control-bg);border:1px solid var(--border);color:var(--text-h);border-radius:999px;justify-self:start;padding:4px 9px;font-size:13px}.job-summary dl{gap:8px;margin:0;display:grid}.job-summary dl div{gap:2px;display:grid}.job-summary dd{color:var(--text-h);overflow-wrap:anywhere;margin:0}textarea{background:var(--surface);border:1px solid var(--border-strong);box-sizing:border-box;color:var(--text-h);font:inherit;resize:vertical;border-radius:6px;padding:10px}.decision-row{flex-wrap:wrap;gap:10px;display:flex}.form-action-row,.admin-card-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.secondary-button{color:var(--text-h);background:0 0}.edit-fields-button{min-width:104px}.confirm-backdrop{z-index:1000;background:#0000009e;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:8px;gap:14px;width:min(100%,460px);max-width:460px;padding:22px;display:grid}.confirm-dialog h2{color:var(--text-h);margin:0;font-size:1.15rem}.confirm-dialog p{color:var(--muted)}button:disabled{cursor:not-allowed;opacity:.55}.scene-row{border-top:1px solid var(--border);gap:2px;padding-top:10px;display:grid}.scene-row span,.scene-row small{color:var(--muted)}.script-panel{grid-column:1/-1}.script-panel pre{background:var(--surface);border:1px solid var(--border);border-radius:8px;max-height:360px;margin:0;padding:14px;overflow:auto}.job-form label{color:var(--text-h);align-self:center;font-weight:700}.job-form button{grid-column:2;justify-self:start}.token-row label{grid-column:1/-1}input,select,button{border:1px solid var(--border-strong);box-sizing:border-box;font:inherit;border-radius:6px;min-height:42px;padding:9px 10px}input,select{background:var(--surface);color:var(--text-h)}button{background:var(--button-bg);color:var(--button-text);cursor:pointer;font-weight:700}button:hover,button:focus-visible{background:var(--button-hover);outline:none}select:disabled{cursor:wait;opacity:.65}.status-line{color:var(--muted);min-height:24px}.health-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;display:grid}.health-card{background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px;align-content:start;gap:6px;min-width:0;min-height:112px;padding:14px;display:grid}.health-card span,.health-card small{color:var(--muted)}.health-card strong{color:var(--text-h);font-size:20px;line-height:1.2}.health-card code{border:1px solid var(--border);color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap;background:#0f171d;border-radius:6px;padding:8px;font-size:12px;line-height:1.45;display:block}.diagnostic-summary{border:1px solid var(--color-border);background:#111a20d1;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px;display:grid}.diagnostic-summary .detail-item{background:0 0;border:0;padding:0}.health-check-card{border:1px solid var(--color-border);background:#111a20d1;border-radius:8px;align-content:start;gap:14px;min-height:284px;padding:18px;display:grid}.health-check-card.status-ready{border-color:#86efac}.health-check-card.status-degraded,.health-check-card.status-unknown{border-color:#fcd34d}.health-check-card.status-blocked{border-color:#fca5a5}.health-check-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.health-check-title h3{color:var(--color-primary);margin:0;font-size:1.1rem}.health-status-pill{white-space:nowrap;background:#dcfce7;border:1px solid #86efac;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;display:inline-flex;color:#166534!important}.status-degraded .health-status-pill,.status-unknown .health-status-pill{background:#fef3c7;border-color:#fcd34d;color:#92400e!important}.status-blocked .health-status-pill{background:#fee2e2;border-color:#fca5a5;color:#991b1b!important}.health-check-card>p,.health-check-card div p{color:var(--color-text-primary);line-height:1.45}.ai-admin-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;display:grid}.ai-admin-panel{border:1px solid var(--border);border-radius:8px;gap:10px;min-width:0;padding:16px;display:grid}.ai-admin-panel label{color:var(--text-h);font-weight:800}.ai-admin-panel textarea{min-height:120px}.checkbox-row{align-items:center;gap:8px;display:flex}.checkbox-row input{width:auto;min-height:auto}.config-list{gap:12px;display:grid}.config-row{border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(220px,1fr) minmax(220px,300px);align-items:center;gap:8px 18px;padding:16px;display:grid}.config-row label{color:var(--text-h);font-weight:700}.config-row p{color:var(--muted);grid-column:1}.config-row select{grid-area:1/2/span 2}@media (width<=760px){.app-shell{padding:0 0 42px}.app-header{align-items:flex-start;gap:12px;height:auto;padding:14px 16px;display:grid}.token-row,.review-loader,.review-workspace,.job-form,.artifact-ingest-form,.config-row,.page-heading,.split-panel,.detail-grid,.admin-grid,.ai-admin-grid,.metric-grid,.operator-brief,.diagnostic-summary{grid-template-columns:1fr;align-items:stretch}.app-nav{justify-content:flex-start;width:100%;padding-bottom:4px;overflow-x:auto}.operator-session{justify-content:stretch;align-items:flex-start;width:100%;display:grid}.config-row select{grid-area:auto/1}.job-form button,.artifact-ingest-form button,.artifact-ingest-form textarea{grid-column:1}.page-heading{display:grid}.kanban-column{flex-basis:82vw}.media-strip{grid-template-columns:1fr}}
