:root{--font-geist-sans:"Helvetica Neue", Inter, Arial, sans-serif;--font-geist-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--canvas:#090b0a;--panel:#101311;--raised:#171b18;--hover:#1d221e;--line:#292f2a;--line-bright:#3a423b;--ink:#f4f7f1;--muted:#969e96;--dim:#697069;--acid:#c8ff45;--amber:#ffc865;--danger:#ff7a68}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);color:var(--ink);font-family:var(--font-geist-sans), Arial, sans-serif;-webkit-font-smoothing:antialiased;margin:0}button,input,select{color:inherit;font:inherit}button{border:0}button,select,input[type=range]{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--acid);outline-offset:2px}img{max-width:100%;display:block}.site-shell{background-color:var(--canvas);background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:28px 28px;min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#090b0af5;justify-content:space-between;align-items:center;height:80px;padding:0 24px;display:flex;position:relative}.brand-lockup,.dataset-summary,.dataset-summary>div,.stage-kicker,.stage-actions,.filter-row,.metric-pair,.timeline-copy,.keyboard-note{align-items:center;display:flex}.brand-lockup{gap:13px}.brand-mark{background:var(--acid);color:#10140b;letter-spacing:-.08em;justify-content:center;align-items:center;width:42px;height:42px;font-size:24px;font-weight:800;display:flex}.eyebrow{color:var(--acid);font-family:var(--font-geist-mono), monospace;letter-spacing:.15em;margin:0 0 7px;font-size:10px;font-weight:650;line-height:1}.brand-lockup h1{letter-spacing:-.03em;margin:0;font-size:18px;font-weight:560;line-height:1}.dataset-summary{gap:28px}.dataset-summary>div{gap:7px}.dataset-summary strong{font-family:var(--font-geist-mono), monospace;letter-spacing:-.04em;font-size:17px}.dataset-summary span{color:var(--muted);font-size:11px}.status-pill{border:1px solid var(--line-bright);font-family:var(--font-geist-mono), monospace;letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:7px;padding:8px 11px;display:inline-flex}.status-pill i{background:var(--acid);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #c8ff451f}.workspace{grid-template-columns:256px minmax(520px,1fr) minmax(370px,430px);height:calc(100vh - 80px);min-height:640px;display:grid}.scene-rail,.coc-panel{background:#101311f2;min-height:0;overflow:hidden}.scene-rail{border-right:1px solid var(--line);flex-direction:column;display:flex}.rail-heading,.coc-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:70px;padding:16px;display:flex}.rail-heading h2,.coc-heading h2{letter-spacing:-.02em;margin:0;font-size:15px;font-weight:560}.rail-heading>span,.coc-heading>span{background:var(--raised);color:var(--muted);font-family:var(--font-geist-mono), monospace;text-align:center;min-width:30px;padding:6px 7px;font-size:11px}.search-field{border:1px solid var(--line);background:#0c0f0d;align-items:center;gap:8px;min-height:38px;margin:12px;padding:0 10px;transition:border-color .15s;display:flex}.search-field:focus-within{border-color:var(--line-bright)}.search-field>span{color:var(--dim);font-size:17px}.search-field input{cursor:text;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.search-field input::placeholder{color:var(--dim)}.scene-list{border-top:1px solid var(--line);scrollbar-color:var(--line-bright) transparent;scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.scene-card{border-bottom:1px solid var(--line);text-align:left;background:0 0;width:100%;padding:14px 16px;transition:background-color .12s;display:block;position:relative}.scene-card:hover{background:var(--hover)}.scene-card.active{background:var(--raised)}.scene-card.active:before{background:var(--acid);content:"";width:3px;position:absolute;inset:0 auto 0 0}.scene-card-topline,.range-line,.output-topline{justify-content:space-between;align-items:center;display:flex}.scene-card-topline{color:var(--dim);font-family:var(--font-geist-mono), monospace;letter-spacing:.06em;text-transform:uppercase;margin-bottom:9px;font-size:9px}.scene-card strong{font-family:var(--font-geist-mono), monospace;letter-spacing:-.02em;font-size:14px;font-weight:500;display:block}.scene-card small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.range-line{color:var(--muted);font-family:var(--font-geist-mono), monospace;margin-top:12px;font-size:9px}.rail-note{border-top:1px solid var(--line);background:#0c0f0d;padding:14px 16px 16px}.rail-note span{color:var(--amber);font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;font-size:9px}.rail-note p{color:var(--dim);margin:7px 0 0;font-size:10px;line-height:1.5}.vision-stage{scrollbar-color:var(--line-bright) transparent;scrollbar-width:thin;min-height:0;padding:24px;overflow-y:auto}.stage-heading{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.stage-kicker{color:var(--acid);font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;font-size:10px}.stage-kicker .separator{color:var(--line-bright);margin:0 8px}.stage-heading h2{letter-spacing:-.055em;margin:10px 0 8px;font-size:clamp(24px,2vw,34px);font-weight:510;line-height:1}.stage-heading p{color:var(--dim);font-family:var(--font-geist-mono), monospace;text-overflow:ellipsis;white-space:nowrap;max-width:45vw;margin:0;font-size:9px;overflow:hidden}.segmented{border:1px solid var(--line);background:#0c0f0d;padding:3px;display:flex}.segmented button{color:var(--muted);background:0 0;padding:8px 11px;font-size:10px}.segmented button.active{background:var(--ink);color:var(--canvas)}.camera-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.camera-tile,.contact-tile{border:1px solid var(--line);background:#060706;padding:0;position:relative;overflow:hidden}.camera-tile:after,.contact-tile:after{content:"";pointer-events:none;border:1px solid #0000;transition:border-color .15s;position:absolute;inset:0}.camera-tile:hover:after,.contact-tile:hover:after{border-color:var(--acid)}.camera-tile img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:opacity .15s,transform .3s}.camera-tile:hover img,.contact-tile:hover img{opacity:.9;transform:scale(1.012)}.camera-label{text-align:left;background:#070908db;justify-content:space-between;align-items:flex-end;padding:8px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.camera-label b{font-size:10px;font-weight:560}.camera-label small{color:var(--muted);font-family:var(--font-geist-mono), monospace;font-size:8px}.expand-hint{background:var(--acid);color:#0c1009;opacity:0;padding:5px 7px;font-size:11px;transition:opacity .15s,transform .15s;position:absolute;top:8px;right:8px;transform:translateY(-3px)}.camera-tile:hover .expand-hint{opacity:1;transform:translateY(0)}.contact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.contact-tile img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:opacity .15s,transform .3s}.contact-tile>span{color:var(--muted);font-family:var(--font-geist-mono), monospace;text-align:left;background:#070908db;width:100%;padding:5px 6px;font-size:8px;position:absolute;bottom:0;left:0}.timeline-panel{background:var(--panel);border:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:8px;padding:11px 14px;display:grid}.timeline-copy{gap:6px}.timeline-copy span,.timeline-copy small{color:var(--dim);font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;font-size:8px}.timeline-copy strong{font-family:var(--font-geist-mono), monospace;font-size:16px;font-weight:550}.timeline-control input{accent-color:var(--acid);width:100%;display:block}.timeline-ticks{justify-content:space-between;margin-top:1px;display:flex}.timeline-ticks button{color:var(--dim);font-family:var(--font-geist-mono), monospace;background:0 0;padding:0;font-size:8px}.timeline-ticks button.active{color:var(--acid)}.keyboard-note{color:var(--dim);gap:4px}kbd{background:var(--raised);border:1px solid var(--line-bright);color:var(--muted);font-family:var(--font-geist-mono), monospace;padding:3px 5px;font-size:9px}.keyboard-note span{margin-left:4px;font-size:9px}.scene-metrics{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:12px;display:grid}.scene-metrics>div{border-right:1px solid var(--line);padding:12px}.scene-metrics>div:last-child{border-right:0}.scene-metrics span{color:var(--dim);margin-bottom:7px;font-size:9px;display:block}.scene-metrics strong{font-family:var(--font-geist-mono), monospace;font-size:12px;font-weight:520}.coc-panel{border-left:1px solid var(--line);flex-direction:column;display:flex}.selected-output{border-bottom:1px solid var(--line);background:#141912;padding:15px 16px 13px}.output-topline{color:var(--dim);font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;font-size:8px}.output-topline b{background:var(--acid);color:#12150f;padding:4px 6px;font-size:8px;font-weight:700}.selected-output>p{letter-spacing:-.015em;margin:14px 0 13px;font-size:15px;line-height:1.45}.metric-pair{border-bottom:1px solid var(--line);border-top:1px solid var(--line);margin:0 -16px 11px}.metric-pair>div{flex:1;padding:10px 16px}.metric-pair>div+div{border-left:1px solid var(--line)}.metric-pair span{color:var(--muted);font-family:var(--font-geist-mono), monospace;margin-bottom:5px;font-size:8px;display:block}.metric-pair strong{font-family:var(--font-geist-mono), monospace;font-size:14px;font-weight:550}.selected-output summary{color:var(--amber);cursor:pointer;font-family:var(--font-geist-mono), monospace;padding:3px 0;font-size:9px}.trajectory-table{border:1px solid var(--line);margin-top:9px}.trajectory-row{font-family:var(--font-geist-mono), monospace;grid-template-columns:22px 1fr 1fr;font-size:8px;display:grid}.trajectory-row+.trajectory-row{border-top:1px solid var(--line)}.trajectory-row span{color:var(--muted);padding:5px}.trajectory-row span+span{border-left:1px solid var(--line)}.trajectory-row.heading span{color:var(--dim)}.candidate-tools{border-bottom:1px solid var(--line);padding-bottom:11px}.candidate-tools .search-field{margin-bottom:9px}.filter-row{gap:7px;padding:0 12px}.filter-row select,.filter-toggle{border:1px solid var(--line);color:var(--muted);background:#0c0f0d;height:32px;padding:0 8px;font-size:9px}.filter-row select{flex:1}.filter-toggle.active{border-color:var(--acid);color:var(--acid);background:#c8ff451a}.candidate-list{scrollbar-color:var(--line-bright) transparent;scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.candidate-card{border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:38px 1fr 54px;align-items:stretch;width:100%;min-height:68px;padding:0;transition:background-color .12s;display:grid}.candidate-card:hover{background:var(--hover)}.candidate-card.active{background:#c8ff4513}.candidate-rank{border-right:1px solid var(--line);color:var(--dim);font-family:var(--font-geist-mono), monospace;justify-content:center;align-items:center;font-size:8px;display:flex}.candidate-card.active .candidate-rank{color:var(--acid)}.candidate-card:has(.candidate-rank:first-child) .candidate-rank{color:var(--acid)}.candidate-copy{align-self:center;min-width:0;padding:9px 10px}.candidate-copy>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.candidate-copy small{color:var(--dim);font-family:var(--font-geist-mono), monospace;margin-top:6px;font-size:7px;display:block}.candidate-score{border-left:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;display:flex}.candidate-score strong{font-family:var(--font-geist-mono), monospace;font-size:10px;font-weight:500}.candidate-score small{color:var(--dim);margin-top:3px;font-size:7px}.empty-message,.candidate-loading{color:var(--dim);text-align:center;padding:24px 16px;font-size:11px;line-height:1.5}.candidate-loading{justify-content:center;align-items:center;gap:10px;display:flex}.loading-mark{background:var(--acid);width:8px;height:8px;animation:1.1s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.25;transform:scale(.7)}}.state-page{flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh;padding:10vw;display:flex}.state-page h1{letter-spacing:-.07em;margin:12px 0;font-size:clamp(40px,7vw,86px)}.state-page>p:not(.eyebrow){color:var(--muted)}.loading-state{flex-direction:row;align-items:center;gap:12px}.primary-button{background:var(--acid);color:#10140b;margin-top:12px;padding:10px 15px;font-weight:650}.lightbox{z-index:100;justify-content:center;align-items:center;padding:48px;display:flex;position:fixed;inset:0}.lightbox-scrim{background:#000000e6;padding:0;position:absolute;inset:0}.lightbox img{border:1px solid var(--line-bright);object-fit:contain;z-index:1;max-width:calc(100vw - 96px);max-height:calc(100vh - 96px);position:relative}.lightbox-close{background:var(--acid);color:#10140b;z-index:2;width:36px;height:36px;font-size:24px;line-height:1;position:absolute;top:20px;right:20px}@media (width<=1180px){.workspace{grid-template-columns:220px minmax(480px,1fr) 350px}.dataset-summary>div:nth-child(3){display:none}.vision-stage{padding:18px}.keyboard-note{display:none}.timeline-panel{grid-template-columns:auto 1fr}}@media (width<=960px){.topbar{height:auto;min-height:76px}.dataset-summary>div{display:none}.workspace{height:auto;min-height:0;display:block}.scene-rail,.coc-panel{border:0;overflow:visible}.scene-rail{border-bottom:1px solid var(--line)}.scene-list{display:flex;overflow:auto hidden}.scene-card{border-right:1px solid var(--line);flex:0 0 210px}.scene-card.active:before{width:auto;height:3px;inset:auto 0 0}.rail-note{display:none}.vision-stage{overflow:visible}.coc-panel{border-top:1px solid var(--line)}.candidate-list{max-height:760px}}@media (width<=640px){.topbar{align-items:flex-start;padding:15px}.brand-mark{width:36px;height:36px}.brand-lockup h1{font-size:15px}.status-pill{display:none}.vision-stage{padding:18px 12px}.stage-heading{flex-direction:column;align-items:flex-start;gap:14px}.stage-heading p{max-width:90vw}.camera-grid{grid-template-columns:1fr}.contact-grid,.scene-metrics{grid-template-columns:repeat(2,1fr)}.scene-metrics>div:nth-child(2){border-right:0}.scene-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.timeline-panel{gap:10px}.lightbox{padding:16px}.lightbox img{max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.loading-mark{animation:none}}
