:root{--hue:286;--sans:system-ui, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease-out:cubic-bezier(.23, 1, .32, 1);--radius:6px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:13px/1.45 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;color:var(--text);background:var(--bg);--bg:oklch(.17 .012 var(--hue));--bg-raised:oklch(.2 .012 var(--hue));--bg-sunken:oklch(.145 .01 var(--hue));--bg-hover:oklch(.23 .014 var(--hue));--bg-selected:oklch(.26 .02 var(--hue));--text:oklch(.88 .012 var(--hue));--text-h:oklch(.96 .01 var(--hue));--muted:oklch(.66 .016 var(--hue));--border:oklch(.3 .014 var(--hue));--border-strong:oklch(.38 .018 var(--hue));--accent:oklch(72% .14 305);--kind-system:oklch(.82 .012 var(--hue));--kind-user:oklch(74% .09 240);--kind-context:oklch(76% .12 155);--kind-assistant:oklch(74% .15 305);--kind-thinking:oklch(74% .15 305);--kind-tool:oklch(78% .14 58);--danger:oklch(72% .16 25);--tag-ink:oklch(.2 .02 var(--hue));--syn-kw:oklch(78% .14 305);--syn-str:oklch(80% .11 155);--syn-cmt:oklch(.62 .02 var(--hue));--syn-num:oklch(82% .12 70);--syn-fn:oklch(80% .1 250);--syn-dec:oklch(78% .1 25)}html{transition:background .18s var(--ease-out), color .18s var(--ease-out)}*{box-sizing:border-box}html,body,#app{height:100%;min-height:100%;margin:0}body{overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{background:var(--bg);grid-template-rows:auto auto auto auto minmax(0,1fr) auto;height:100%;display:grid}.topbar,.tabs,.toolbar,.status{border-bottom:1px solid var(--border)}.topbar{padding:max(10px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));background:var(--bg-raised);justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px;display:block}.topbar h1{letter-spacing:-.02em;color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;max-width:min(52vw,640px);margin:2px 0 0;font-size:15px;font-weight:560;overflow:hidden}.topbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.seg{border:1px solid var(--border);background:var(--bg-sunken);border-radius:999px;padding:2px;display:flex}.seg-btn,.ghost,.tab,.chip{color:var(--muted);transition:background .16s var(--ease-out), color .16s var(--ease-out), transform .14s var(--ease-out);background:0 0;border:0;border-radius:999px}.seg-btn,.ghost,.file-btn{padding:6px 11px;font-size:12px}.seg-btn.is-on,.ghost.is-on,.tab.is-on{background:var(--bg-hover);color:var(--text-h)}.ghost,.file-btn{border:1px solid var(--border);border-radius:var(--radius)}@media (hover:hover) and (pointer:fine){.seg-btn:hover,.ghost:hover,.file-btn:hover,.tab:hover,.chip:hover,.row:hover{background:var(--bg-hover);color:var(--text-h)}}.seg-btn:active,.ghost:active,.file-btn:active,.tab:active,.chip:active,.block:active{transform:scale(.97)}.tabs{background:var(--bg-raised);gap:4px;padding:0 12px;display:flex}.tab{border-bottom:2px solid #0000;border-radius:0;padding:9px 12px 8px}.tab.is-on{border-bottom-color:var(--accent);color:var(--text-h);background:0 0}.tab.sm{border-bottom-width:1px;padding:7px 9px}.toolbar{background:var(--bg);align-items:center;gap:14px;padding:8px 16px;display:flex}.toolbar-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.icon-btn{align-items:center;gap:6px;display:inline-flex}.icon-btn svg{flex-shrink:0;width:14px;height:14px}.metric{color:var(--muted);align-items:baseline;gap:6px;display:flex}.metric strong{color:var(--text-h);font-weight:560}.search{margin-left:auto}.search input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sunken);outline:none;width:220px;padding:6px 10px}.search input:focus-visible,.ghost:focus-visible,.seg-btn:focus-visible,.tab:focus-visible,.row:focus-visible,.block:focus-visible,.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.timeline,.compare-timelines{border-bottom:1px solid var(--border);background:var(--bg-sunken);padding:10px 16px 12px}.lane{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px;min-height:18px;display:grid}.lane+.lane{margin-top:6px}.lane-label{color:var(--muted);font-size:11px}.lane-track{background:color-mix(in oklch, var(--border) 55%, transparent);border-radius:2px;height:12px;position:relative}.block{border:0;border-radius:2px;min-width:3px;height:100%;padding:0;position:absolute;top:0}.block.kind-user,.block.lane-input{background:var(--kind-context)}.block.kind-thinking,.block.kind-assistant,.block.lane-model{background:var(--kind-assistant)}.block.kind-tool,.block.lane-tools{background:var(--kind-tool)}.workspace{min-height:0;display:grid}.workspace.trajectory{grid-template-columns:minmax(0,1fr) minmax(320px,38%)}.workspace.chat,.workspace.compare{grid-template-columns:1fr}.feed,.chat,.inspector,.compare-table-wrap{min-height:0;overflow:auto}.feed{padding:8px 0 32px}.turn-mark{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:14px 0 6px 86px;font-size:11px;position:relative}.turn-mark span{position:relative}.turn-mark:before{content:"";background:var(--text-h);width:9px;height:9px;box-shadow:0 0 0 3px var(--bg);border-radius:50%;position:absolute;top:5px;left:-23px}.row{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:92px minmax(0,1fr);gap:8px;width:100%;padding:7px 16px 7px 0;display:grid;position:relative}.row:before{content:"";background:var(--border);width:1px;position:absolute;top:0;bottom:0;left:77px}.row-gutter{z-index:1;justify-content:flex-end;align-items:start;padding-top:2px;display:flex;position:relative}.tag{letter-spacing:.04em;color:var(--tag-ink);border-radius:4px;align-items:center;padding:2px 7px;font-size:10px;font-weight:650;display:inline-flex}.kind-system .tag{background:var(--kind-system)}.kind-user .tag,.bubble.user .tag{background:var(--kind-user)}.kind-context .tag{background:var(--kind-context)}.kind-assistant .tag,.kind-thinking .tag,.bubble.assistant .tag{background:var(--kind-assistant)}.kind-tool .tag,.chip{background:var(--kind-tool);color:var(--tag-ink)}.row-body pre,.inspector pre,.think pre,.md-pre{font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);margin:0;font-size:12px;line-height:1.5}.kind-thinking .row-body pre{color:var(--muted);font-style:italic}.row.kind-tool[data-error] .tag{background:var(--danger)}.row.is-selected:after{content:"";background:var(--accent);width:2px;position:absolute;inset:0 0 0 auto}.inspector{border-left:1px solid var(--border);background:var(--bg-raised);flex-direction:column;display:flex}.inspector-head{border-bottom:1px solid var(--border);padding:12px 14px 0}.inspector-head h2{color:var(--text-h);margin:0 0 8px;font-size:13px;font-weight:600}.inspector-tabs{gap:2px;display:flex}.inspector-body{padding:14px;overflow:auto}.kv{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:7px 0;display:flex}.kv span{color:var(--muted)}.kv strong{color:var(--text-h);text-align:right;font-weight:550}.panel-block{margin-top:16px}.panel-block h3,.schema-copy{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:650}.schema-copy{text-transform:none;letter-spacing:0;color:var(--text);font-size:13px;font-weight:400;line-height:1.5}.chat{width:100%;max-width:860px;margin:0 auto;padding:20px 24px 48px}.bubble{margin-bottom:18px}.bubble .tag{margin-bottom:8px}.prose{color:var(--text);max-width:75ch}.prose h3,.prose h4{color:var(--text-h);margin:12px 0 6px}.think{color:var(--muted);margin:0 0 10px}.think summary{cursor:pointer;font-size:12px}.tool-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chip{border-radius:var(--radius);max-width:100%;font-family:var(--mono);text-align:left;padding:5px 8px;font-size:11px}.compare-label{color:var(--muted);margin:0 0 6px;font-size:12px}.compare-timelines>div+div{margin-top:14px}.compare-table-wrap{padding:16px 20px 40px}.compare-table{border-collapse:collapse;width:min(920px,100%)}.compare-table th,.compare-table td{border-bottom:1px solid var(--border);text-align:left;padding:10px 12px}.compare-table thead th{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:650}.empty{color:var(--muted);margin:24px}.status{color:var(--muted);background:var(--bg-raised);border-bottom:0;border-top:1px solid var(--border);gap:16px;padding:6px 16px;font-size:11px;display:flex}.annotator input,textarea{font:inherit;color:inherit}.annotator input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sunken);outline:none;width:140px;padding:6px 10px}.annotator input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.judge-shell{grid-template-rows:auto auto auto minmax(0,1fr) auto}.judge-shell.is-gate{grid-template-rows:auto minmax(0,1fr) auto}.annotator-id{text-overflow:ellipsis;white-space:nowrap;max-width:160px;color:var(--text-h);font-size:12px;overflow:hidden}.gate{place-items:center;min-height:0;padding:32px 16px;display:grid;overflow:auto}.gate-form{flex-direction:column;gap:14px;width:min(22rem,100%);display:flex}.gate-form h2{letter-spacing:-.03em;color:var(--text-h);margin:0;font-size:18px;font-weight:560}.gate-form>p{color:var(--muted);margin:0}.gate-field{flex-direction:column;gap:6px;display:flex}.gate-field span{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:650}.gate-field input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sunken);outline:none;width:100%;padding:8px 10px}.gate-field input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gate-error{color:var(--danger);margin:0}.btn-primary{border-radius:var(--radius);background:var(--accent);color:var(--bg);border:0;padding:8px 12px;font-weight:560}@media (hover:hover) and (pointer:fine){.btn-primary:hover{filter:brightness(1.06)}}.btn-primary:active{transform:scale(.98)}.tutorial-backdrop{z-index:30;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:oklch(.1 .02 var(--hue) / .72);place-items:center;display:grid;position:fixed;inset:0}.tutorial-dialog{background:var(--bg-raised);border:1px solid var(--border-strong);width:min(42rem,100%);min-height:0;max-height:min(52rem,100%);box-shadow:0 24px 60px oklch(.08 .02 var(--hue) / .45);border-radius:10px;flex-direction:column;display:flex}.tutorial-head{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:16px 20px 12px;display:grid}.tutorial-progress{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:650}.tutorial-head h2{letter-spacing:-.03em;color:var(--text-h);grid-column:1;margin:0;font-size:18px;font-weight:560}.tutorial-x{grid-area:1/2/span 2;align-self:start}.tutorial-body{min-height:0;padding:16px 20px 20px;overflow:auto}.tutorial-body p,.tutorial-body li{color:var(--text)}.tutorial-why{border-left:3px solid var(--accent);background:var(--bg-sunken);color:var(--text-h);margin:0 0 14px;padding:10px 12px}.tutorial-kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:11px;font-weight:650}.tutorial-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:12px 0;display:grid}.tutorial-snippet{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sunken);margin:0 0 12px;overflow:hidden}.tutorial-snippet figcaption{color:var(--muted);background:var(--bg);border-bottom:1px solid var(--border);padding:6px 10px;font-size:11px}.tutorial-code{max-height:11rem;padding:8px 0 10px;font-size:12px}.tutorial-callout{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sunken);margin:12px 0 0;padding:10px 12px}.tutorial-flags,.tutorial-steps{margin:0 0 14px;padding-left:1.2rem}.tutorial-flags li+li,.tutorial-steps li+li{margin-top:8px}.tutorial-foot{border-top:1px solid var(--border);justify-content:space-between;gap:12px;padding:12px 20px;display:flex}.tutorial-body code{font-family:var(--mono);color:var(--syn-fn);font-size:.92em}.judge-error,.judge-error-slot{color:var(--danger);border-bottom:1px solid var(--border);margin:0;padding:8px 16px}.judge-error-slot{border:0;padding:0;display:none}.judge-main{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(18rem,22rem);min-height:0;display:grid;overflow:hidden}.judge-review{min-height:0;padding:16px 20px 24px;overflow:auto}.judge-scroll{display:contents}.judge-code{border-right:1px solid var(--border);grid-area:1/1/span 2;grid-template-rows:minmax(0,1fr) minmax(0,1.2fr);grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid}.code-pane{border-bottom:1px solid var(--border);flex-direction:column;min-width:0;min-height:0;display:flex}.code-pane:last-child{border-bottom:0}.code-pane header{border-bottom:1px solid var(--border);background:var(--bg-raised);color:var(--text-h);letter-spacing:0;text-transform:none;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 12px;font-size:12px;font-weight:560;display:flex}.code-pane-label{overflow-wrap:break-word;min-width:0}.code-pane-lang{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;font-size:10px;font-weight:650}.code-block{min-height:0;font-family:var(--mono);tab-size:4;background:var(--bg-sunken);flex:1;margin:0;padding:8px 0 16px;font-size:12.5px;line-height:1.55;overflow:auto}.code-block:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.code-block code{min-width:100%;display:block}.code-line{grid-template-columns:2.75rem minmax(0,1fr);column-gap:10px;display:grid}.ln{-webkit-user-select:none;user-select:none;text-align:right;color:var(--muted);opacity:.7;font-variant-numeric:tabular-nums}.lc{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;padding-right:16px}.tok-kw{color:var(--syn-kw);font-weight:560}.tok-str{color:var(--syn-str)}.tok-cmt{color:var(--syn-cmt);font-style:italic}.tok-num{color:var(--syn-num)}.tok-fn{color:var(--syn-fn)}.tok-dec{color:var(--syn-dec)}.judge-panel{background:var(--bg-raised);grid-area:1/2;min-width:0;min-height:0;padding:14px 16px 18px;overflow:auto}.judge-brief{color:var(--muted);max-width:75ch;margin:0 0 16px;padding:0 0 0 1.15rem}.judge-brief li+li{margin-top:6px}p.judge-brief{padding:0}.score-field,.judge-flags,.judge-notes{border:0;min-width:0;margin:0 0 14px;padding:0}.score-field legend,.judge-flags legend,.judge-notes span{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:650;display:block}.score-row,.flag-row,.judge-nav{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.score-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sunken);width:32px;height:32px;color:var(--text-h);transition:background .16s var(--ease-out), color .16s var(--ease-out), transform .14s var(--ease-out)}.score-btn.is-on{background:var(--accent);color:var(--bg);border-color:#0000}.score-btn:disabled{opacity:.4}.score-abstain{margin-left:4px}.score-hint{color:var(--muted);margin:6px 0 0;font-size:12px}.score-hint span{color:var(--text-h);font-weight:650}.score-hint.not{font-style:italic}.flag-btn{background:var(--bg-sunken);color:var(--text);border:1px solid var(--border)}.flag-btn.is-on{background:var(--accent);color:var(--bg);border-color:#0000}.judge-notes textarea{resize:vertical;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sunken);width:100%;min-height:72px;padding:8px 10px}.judge-nav{border-top:1px solid var(--border);background:var(--bg-raised);grid-area:2/2;justify-content:space-between;margin-top:0;padding:10px 16px 12px}@media (hover:hover) and (pointer:fine){.score-btn:hover:not(.is-on),.flag-btn:hover:not(.is-on){background:var(--bg-hover)}}.score-btn:active,.flag-btn:active{transform:scale(.97)}@media (width<=960px){.workspace.trajectory{grid-template-columns:1fr}.inspector{border-left:0;border-top:1px solid var(--border);min-height:40vh}.search input{width:140px}}@media (width<=840px){html,body,#app{height:100%;min-height:100svh}body{overflow:hidden}.judge-shell{height:100svh;padding-bottom:env(safe-area-inset-bottom);grid-template-rows:auto auto auto minmax(0,1fr);overflow:hidden}.judge-shell.is-gate{grid-template-rows:auto minmax(0,1fr)}.topbar{flex-wrap:wrap;align-items:flex-start;gap:10px}.topbar h1{white-space:normal;text-overflow:unset;max-width:none;font-size:14px;overflow:visible}.topbar-title{flex:12rem;min-width:0}.topbar-actions{justify-content:space-between;width:100%}.annotator-id{max-width:none}.toolbar{padding:8px max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));flex-wrap:wrap;gap:8px 12px}.toolbar-actions{width:100%;margin-left:0}.metric-desktop,.judge-shell .status{display:none}.judge-main{flex-direction:column;min-height:0;display:flex}.judge-scroll{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.judge-code{border-right:0;flex-direction:column;flex:none;grid-area:auto;display:flex}.code-pane{border-right:0;min-height:12rem;max-height:none}.code-block{max-height:38dvh;font-size:12px}.judge-panel{padding:14px max(16px, env(safe-area-inset-right)) 16px max(16px, env(safe-area-inset-left));grid-area:auto;overflow:visible}.judge-nav{padding:10px max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));flex-shrink:0;grid-area:auto;position:static}.judge-nav .ghost{min-width:44px;min-height:44px;padding:10px 16px}.score-row{grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:6px;display:grid}.score-btn{width:100%;height:44px}.score-abstain{min-height:44px;margin-left:0}.flag-btn,.toolbar .ghost,.topbar .ghost{min-height:44px;padding:10px 12px}button{touch-action:manipulation}.gate{padding:24px max(16px, env(safe-area-inset-right)) 32px max(16px, env(safe-area-inset-left));align-items:start}.gate-field input{min-height:44px;font-size:16px}.btn-primary{width:100%;min-height:44px}.judge-notes textarea{font-size:16px}.compare-table-wrap{overflow-x:auto}.tutorial-dialog{border-radius:10px;width:100%;max-height:100%}.tutorial-pair{grid-template-columns:minmax(0,1fr)}.tutorial-foot .ghost,.tutorial-foot .btn-primary,.tutorial-x{min-height:44px}.tutorial-foot .btn-primary{flex:1;width:auto}}@media (prefers-reduced-motion:reduce){html{transition:none}*{transition:none!important}}