:root{color-scheme:dark;--bg:#11131a;--surface:#181b24;--surface2:#222637;--ink:#f6f1ff;--muted:#b9b4c9;--line:#38394b;--accent:#7851a9;--accent2:#ffb000;--bad:#ff6b6b;--warn:#ffd166;--good:#80ed99}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 30% -10%,#2b2550 0,#11131a 38%);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}button,input,textarea,select{font:inherit}button[hidden],[hidden]{display:none!important}.event-shell{min-height:100vh}.event-top{height:88px;display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--line);background:#11131ae8;position:sticky;top:0;z-index:4}.brand{display:flex;align-items:center;gap:14px}.brand img{width:54px;height:54px}.brand p,.timeline-head p,.bed-head p{margin:0;color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.brand h1{margin:2px 0 0;font-size:24px}.trust{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.trust span{border:1px solid var(--line);background:#1b1e2b;border-radius:999px;padding:7px 10px;color:#fff;font-weight:800}.theme-picker{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#1b1e2b;border-radius:999px;padding:4px 8px;color:#fff;font-weight:900}.theme-picker select{width:auto;min-width:92px;border-radius:999px;padding:5px 8px}.event-board{display:grid;grid-template-columns:310px minmax(0,1fr) 330px;gap:14px;padding:14px;height:calc(100vh - 88px);min-height:720px}.cue-stack,.timeline-desk,.crew-panel{background:linear-gradient(180deg,var(--surface),#151821);border:1px solid var(--line);border-radius:8px;padding:16px;min-width:0;overflow:auto}.crew-panel{display:flex;flex-direction:column;gap:12px}.fields,.actions,.vertical,.show-controls{display:grid;gap:10px}.show-controls{grid-template-columns:1fr 1fr 130px;margin-bottom:14px}.actions{display:flex;flex-wrap:wrap}.vertical{display:grid}label{display:grid;gap:5px;color:#d8d3e5;font-weight:800;font-size:13px}input,textarea,select{width:100%;border:1px solid #4c4d62;background:#10121a;color:var(--ink);border-radius:7px;padding:9px}textarea{min-height:86px;resize:vertical}button,a{min-height:38px;border:1px solid #4c4d62;border-radius:7px;background:#25293a;color:#fff;padding:0 12px;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.primary{background:var(--accent);border-color:var(--accent)}.danger{background:#3a2025;border-color:#79424a;color:#ffd7d7}.cue-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}.cue-list li,.role,.warning,.metric{border:1px solid var(--line);background:#11141e;border-radius:8px;padding:10px}.timeline-head,.bed-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.timeline-head h2,.bed-head h2{margin:2px 0 0;font-size:28px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.metric span{display:block;color:var(--muted);font-size:12px;font-weight:900}.metric strong{font-size:26px}.timeline{min-height:250px;border:1px solid var(--line);border-radius:8px;background:repeating-linear-gradient(90deg,#171a25 0,#171a25 96px,#222637 97px,#222637 100px);overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:18px}.cue-block{position:relative;min-height:92px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#b27cff);padding:12px;box-shadow:0 12px 28px #0006;overflow:hidden}.cue-block:nth-child(2n){background:linear-gradient(135deg,#c6538c,var(--accent2));color:#160d07}.warnings{display:grid;gap:8px;margin-top:12px}.status{min-height:22px;color:var(--muted);font-weight:800}pre{white-space:pre-wrap;margin:0;background:#0a0c12;color:#f5f0ff;border:1px solid var(--line);border-radius:8px;padding:12px;min-height:160px;max-height:300px;overflow:auto}footer{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto}footer a{color:#ffe09a}@media(max-width:1100px){.event-board{grid-template-columns:1fr;height:auto}.show-controls{grid-template-columns:1fr}.event-top{height:auto;align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.event-board{padding:8px}.actions button,.vertical button{width:100%}.metrics{grid-template-columns:1fr}.timeline-head{display:block}.brand h1{font-size:20px}}
:root[data-theme=light]{color-scheme:light;--bg:#f4f0ea;--surface:#fffaf2;--surface2:#f0e8dc;--ink:#211d29;--muted:#6c6177;--line:#d7cbdc;--accent:#6b45a0;--accent2:#b76800}:root[data-theme=light] body{background:linear-gradient(135deg,#f8f2e8,#eef2f6 48%,#f4ecfb);color:var(--ink)}:root[data-theme=light] .event-top{background:#fffaf2ee}:root[data-theme=light] .trust span,:root[data-theme=light] .theme-picker{background:#ffffff;color:#4b345f}:root[data-theme=light] .cue-stack,:root[data-theme=light] .timeline-desk,:root[data-theme=light] .crew-panel{background:linear-gradient(180deg,var(--surface),#f3edf6)}:root[data-theme=light] label{color:#40374c}:root[data-theme=light] input,:root[data-theme=light] textarea,:root[data-theme=light] select{background:#fff;color:var(--ink);border-color:#cabbd4}:root[data-theme=light] button,:root[data-theme=light] a{background:#fff;color:var(--ink);border-color:#cabbd4}:root[data-theme=light] .primary{background:var(--accent);color:#fff}:root[data-theme=light] .danger{background:#fff1f0;color:#8b2929}:root[data-theme=light] .cue-list li,:root[data-theme=light] .role,:root[data-theme=light] .warning,:root[data-theme=light] .metric{background:#fff}:root[data-theme=light] .timeline{background:repeating-linear-gradient(90deg,#f6f0fb 0,#f6f0fb 96px,#e8deef 97px,#e8deef 100px)}:root[data-theme=light] pre{background:#211d29;color:#fffaf2}:root[data-theme=light] footer a{color:#5f378f}

/* portfolio-theme-toggle */
.theme-picker{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line,#ccd4dc);background:var(--panel,var(--paper,#fff));border-radius:999px;padding:4px 8px;color:var(--accent,var(--primary,var(--ink,var(--text,#172026))));font-weight:900;white-space:nowrap}.theme-picker select{width:auto;min-width:92px;border-radius:999px;padding:5px 8px}.theme-dock{position:fixed;right:12px;top:12px;z-index:20}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--bg:#10141a;--text:#f5f7fb;--ink:#f5f7fb;--muted:#b8c2ce;--line:#34404d;--panel:#171d26;--paper:#171d26;--surface:#171d26;--surface2:#202938;--field:#10141a;--soft:#202938;--primary:#7bb7ff;--primary-strong:#9cccff;--accent:#7bb7ff;--accent-strong:#9cccff;--accent-soft:#1b2b3c;--accent-2:#ffb86b;--teal:#4fc8d0;--teal-dark:#76d7df;--forge:#ff805f;--cool:#63c8d4;--sage:#a9bd7b;--clay:#ff8b67;--clay-2:#ffb58f;--green:#8adfb1;--green-2:#66c99a;--blue:#8fc4ff;--ok:#80ed99;--good:#80ed99;--warn:#ffd166;--bad:#ff8a80;--danger:#ff8a80;--shadow:0 18px 48px rgba(0,0,0,.35)}:root[data-theme=dark] body{background:var(--bg)!important;color:var(--ink,var(--text))!important}:root[data-theme=dark] :is(.topbar,.app-header,.garden-top,.event-top,header,.panel,.card,.dropzone,.result,.queue,.sidebar,.workspace,.stage,.sheet,.preview,.canvas,.details,.hero,.trust-strip,.trust-row,.crop-rail,.bed-stage,.season-panel,.cue-stack,.timeline-desk,.crew-panel,section,aside){border-color:var(--line)!important}:root[data-theme=dark] :is(.panel,.card,.dropzone,.result,.queue,.sidebar,.workspace,.stage,.sheet,.preview,.canvas,.details,.crop-rail,.bed-stage,.season-panel,.cue-stack,.timeline-desk,.crew-panel,section,aside){background:var(--panel)!important;color:var(--ink,var(--text))!important}:root[data-theme=dark] :is(input,textarea,select){background:var(--field)!important;color:var(--ink,var(--text))!important;border-color:var(--line)!important}:root[data-theme=dark] :is(button,a){border-color:var(--line)}:root[data-theme=dark] :is(pre,code,.output,.report,.manifest,.evidence){background:#080b10!important;color:#f6f7fb!important}:root[data-theme=dark] .theme-picker{background:var(--panel)!important;color:var(--ink,var(--text))!important}:root[data-theme=dark] .theme-dock .theme-picker{box-shadow:0 10px 30px rgba(0,0,0,.35)}@media(max-width:520px){.theme-picker{max-width:100%;white-space:normal}.theme-picker select{min-width:84px}}