:root{color-scheme:light dark;--ev-bg: #f5f5f7;--ev-surface: #ffffff;--ev-surface-hover: #f5f7ff;--ev-surface-selected: #e8efff;--ev-text: #1c1c1e;--ev-text-secondary: #555;--ev-text-muted: #888;--ev-border: #d8d8dd;--ev-border-subtle: #eee;--ev-badge-split-bg: #eceff4;--ev-badge-split-fg: #566;--ev-badge-fresh-bg: #d7f5dd;--ev-badge-fresh-fg: #14622a;--ev-badge-stale-bg: #ffe8cc;--ev-badge-stale-fg: #8a4b00;--ev-badge-none-bg: #eee;--ev-badge-none-fg: #888;--ev-badge-golden-bg: #efe4ff;--ev-badge-golden-fg: #5b2a9a;--ev-badge-new-bg: #d4f4dd;--ev-badge-new-fg: #0d6d2e;--ev-badge-modified-bg: #dbeafe;--ev-badge-modified-fg: #1e40af;--ev-pass: #14622a;--ev-fail: #a11;--ev-annotation: #a35;--ev-accent: #3b6fe0;--ev-group-bg: transparent;--ev-group-hover: #f0f1f4;--ev-radius: 8px;--ev-radius-sm: 6px}@media(prefers-color-scheme:dark){:root{--ev-bg: #0c0d10;--ev-surface: #15171d;--ev-surface-hover: #1d2028;--ev-surface-selected: #1e2a42;--ev-text: #e6e6ea;--ev-text-secondary: #9aa0ad;--ev-text-muted: #6b7280;--ev-border: rgba(255 255 255 / 14%);--ev-border-subtle: rgba(255 255 255 / 8%);--ev-badge-split-bg: #1d2028;--ev-badge-split-fg: #9aa0ad;--ev-badge-fresh-bg: rgba(110 226 155 / 15%);--ev-badge-fresh-fg: #6ee29b;--ev-badge-stale-bg: rgba(245 197 111 / 15%);--ev-badge-stale-fg: #f5c56f;--ev-badge-none-bg: #1d2028;--ev-badge-none-fg: #6b7280;--ev-badge-golden-bg: rgba(122 162 255 / 15%);--ev-badge-golden-fg: #a5b4fc;--ev-badge-new-bg: rgba(74 222 128 / 15%);--ev-badge-new-fg: #4ade80;--ev-badge-modified-bg: rgba(96 165 250 / 15%);--ev-badge-modified-fg: #60a5fa;--ev-pass: #6ee29b;--ev-fail: #ff8b8b;--ev-annotation: #f0abfc;--ev-accent: #7aa2ff;--ev-group-bg: transparent;--ev-group-hover: #1d2028;--ev-radius: 8px;--ev-radius-sm: 6px}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}#root{display:grid;grid-template-columns:320px 1fr;font:13px/1.4 ui-sans-serif,system-ui,sans-serif;color:var(--ev-text);background:var(--ev-bg);transition:grid-template-columns .2s ease}#root.sidebar-collapsed{grid-template-columns:0 1fr}#sidebar{display:flex;flex-direction:column;border-right:1px solid var(--ev-border);background:var(--ev-surface);overflow:hidden;min-width:0;transition:transform .2s ease}#root.sidebar-collapsed #sidebar{transform:translate(-100%)}#sidebar-backdrop{display:none}#sidebar header{padding:14px 14px 10px;border-bottom:1px solid var(--ev-border-subtle)}#sidebar h1{font-size:13px;font-weight:700;margin:0 0 10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ev-text-muted)}.search-row{display:flex;gap:6px;align-items:center}.search-row input{flex:1;padding:7px 10px;border:1px solid var(--ev-border);border-radius:var(--ev-radius-sm);font:inherit;background:var(--ev-bg);color:var(--ev-text);outline:none;transition:border-color .15s}.search-row input:focus{border-color:var(--ev-accent)}.search-row input::placeholder{color:var(--ev-text-muted)}.filter-toggle{display:flex;align-items:center;gap:3px;padding:6px 8px;border:1px solid var(--ev-border);border-radius:var(--ev-radius-sm);background:var(--ev-bg);color:var(--ev-text-muted);cursor:pointer;transition:all .15s}.filter-toggle:hover{border-color:var(--ev-accent);color:var(--ev-text)}.filter-toggle.active{border-color:var(--ev-accent);color:var(--ev-accent)}.filter-count{font-size:10px;font-weight:700;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:var(--ev-accent);color:#fff}.filters{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.filters select{flex:1;padding:5px 6px;border:1px solid var(--ev-border);border-radius:var(--ev-radius-sm);font:inherit;background:var(--ev-bg);color:var(--ev-text)}.score-range{flex-basis:100%;display:flex;flex-direction:column;gap:6px;padding:7px 8px 9px;border:1px solid var(--ev-border);border-radius:var(--ev-radius-sm);background:var(--ev-bg)}.score-range.active{border-color:var(--ev-accent)}.score-range-head{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ev-text-muted);text-transform:uppercase;letter-spacing:.03em}.score-range-values{margin-left:auto;color:var(--ev-text);font-variant-numeric:tabular-nums}.score-range-reset{border:none;background:none;padding:0;font:inherit;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--ev-text-muted);cursor:pointer}.score-range-reset:hover{color:var(--ev-text)}.score-range-track{position:relative;height:16px}.score-range-track:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:4px;border-radius:2px;background:var(--ev-border)}.score-range-track input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:16px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.score-range-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto;width:14px;height:14px;border-radius:50%;background:var(--ev-accent);border:2px solid var(--ev-bg);cursor:pointer}.score-range-track input[type=range]::-moz-range-thumb{pointer-events:auto;width:14px;height:14px;border-radius:50%;background:var(--ev-accent);border:2px solid var(--ev-bg);cursor:pointer}.score-range-track input[type=range]::-moz-range-track{background:none}.result-count{margin-top:8px;font-size:11px;color:var(--ev-text-muted)}#case-list{list-style:none;margin:0;padding:4px 0;overflow-y:auto;flex:1}.group-section{list-style:none}.group-header{display:flex;align-items:center;gap:6px;width:100%;padding:8px 14px;border:none;background:var(--ev-group-bg);color:var(--ev-text-secondary);font:inherit;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;transition:background .1s}.group-header:hover{background:var(--ev-group-hover)}.group-name{flex:1;text-align:left}.group-count{font-size:10px;font-weight:600;color:var(--ev-text-muted);background:var(--ev-badge-split-bg);padding:1px 6px;border-radius:10px}.chevron{transition:transform .15s}.chevron.expanded{transform:rotate(90deg)}.group-items{list-style:none;margin:0;padding:0}.case-item{padding:7px 14px 7px 28px;cursor:pointer;display:flex;flex-direction:column;gap:3px;border-bottom:1px solid var(--ev-border-subtle);transition:background .1s}.case-item:hover{background:var(--ev-surface-hover)}.case-item.selected{background:var(--ev-surface-selected)}.case-id{font-weight:600;word-break:break-all;font-size:12px}.case-meta{display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:space-between}.case-meta-left,.case-meta-right{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.case-meta-right{justify-content:flex-end}.badge{font-size:10px;padding:1px 6px;border-radius:10px;text-transform:uppercase;letter-spacing:.03em;font-weight:700}.badge.split{background:var(--ev-badge-split-bg);color:var(--ev-badge-split-fg)}.badge.fresh{background:var(--ev-badge-fresh-bg);color:var(--ev-badge-fresh-fg)}.badge.stale{background:var(--ev-badge-stale-bg);color:var(--ev-badge-stale-fg)}.badge.none{background:var(--ev-badge-none-bg);color:var(--ev-badge-none-fg)}.badge.golden{background:var(--ev-badge-golden-bg);color:var(--ev-badge-golden-fg)}.badge.change-new{background:var(--ev-badge-new-bg);color:var(--ev-badge-new-fg)}.badge.change-modified{background:var(--ev-badge-modified-bg);color:var(--ev-badge-modified-fg)}.badge.score{color:var(--ev-text);background:color-mix(in srgb,var(--score-color) 16%,transparent);border:1px solid var(--score-color);text-transform:none;font-variant-numeric:tabular-nums}.badge.score.score-stale{border-style:dashed}#conn-status{padding:8px 14px;font-size:11px;color:var(--ev-text-muted);border-top:1px solid var(--ev-border-subtle)}#conn-status.live{color:var(--ev-pass)}#main{display:flex;flex-direction:column;min-width:0}#case-header{display:flex;align-items:flex-start;gap:10px;padding:14px 20px;border-bottom:1px solid var(--ev-border);background:var(--ev-surface)}#case-heading{min-width:0;flex:1}#sidebar-toggle{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--ev-border);border-radius:var(--ev-radius-sm);background:var(--ev-bg);color:var(--ev-text-secondary);cursor:pointer;transition:all .15s}#sidebar-toggle:hover{border-color:var(--ev-accent);color:var(--ev-accent)}#case-title{font-weight:700;font-size:14px;word-break:break-all}#case-prompt{color:var(--ev-text-secondary);margin-top:4px;font-style:italic}#tabs{display:flex;gap:2px;padding:10px 20px 0;background:var(--ev-surface);border-bottom:1px solid var(--ev-border)}#tabs button{border:1px solid var(--ev-border);border-bottom:none;background:var(--ev-bg);color:var(--ev-text-secondary);padding:7px 18px;border-radius:var(--ev-radius) var(--ev-radius) 0 0;cursor:pointer;font:inherit;transition:all .1s}#tabs button:hover{background:var(--ev-surface-hover)}#tabs button.active{background:var(--ev-surface);color:var(--ev-text);font-weight:700}#tabs button:disabled{opacity:.4;cursor:not-allowed}#panes{position:relative;flex:1;min-height:0}.pane{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column}.pane.active{display:flex}.render-frame{flex:1;width:100%;border:none;background:var(--ev-surface)}.grade{padding:10px 20px;background:var(--ev-surface);border-bottom:1px solid var(--ev-border-subtle);max-height:28%;overflow-y:auto}.grade-summary{font-weight:700;margin-bottom:6px}.grade-summary.pass{color:var(--ev-pass)}.grade-summary.fail{color:var(--ev-fail)}.check-row.expandable>summary{cursor:pointer;list-style:none}.check-row.expandable>summary::-webkit-details-marker{display:none}.check-row.expandable>summary .check:before{content:"▸";width:12px;color:var(--ev-text-muted);font-size:10px}.check-row.expandable[open]>summary .check:before{content:"▾"}.check-row.expandable>summary:hover .check{background:var(--ev-surface-hover);border-radius:4px}.check-row:not(.expandable) .check:before{content:"";width:12px}.annotation-count{font-size:10px;color:var(--ev-badge-stale-fg);background:var(--ev-badge-stale-bg);border-radius:10px;padding:0 6px;font-weight:600;white-space:nowrap}.check{display:flex;gap:8px;padding:2px 0;align-items:baseline}.check .mark{width:14px}.check.pass .mark{color:var(--ev-pass)}.check.fail .mark{color:var(--ev-fail)}.check .name{flex:1}.check .score{color:var(--ev-text-muted);font-variant-numeric:tabular-nums}.annotation{color:var(--ev-annotation);margin:1px 0 3px 22px;font-size:12px}.annotation.info{color:var(--ev-text-secondary)}.annotation .severity{font-weight:600;text-transform:uppercase;font-size:10px}.annotation .detail{color:var(--ev-text-muted)}.empty{color:var(--ev-text-muted);padding:16px}@media(max-width:768px){#root,#root.sidebar-collapsed{grid-template-columns:1fr}#sidebar{position:fixed;top:0;left:0;bottom:0;width:min(85vw,320px);z-index:40;border-right:1px solid var(--ev-border);box-shadow:2px 0 16px #0000004d}#sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#00000073;opacity:0;pointer-events:none;transition:opacity .2s ease}#sidebar-backdrop.visible{opacity:1;pointer-events:auto}#case-header{padding:12px 14px}#tabs{padding:8px 12px 0;overflow-x:auto}#tabs button{padding:7px 14px;white-space:nowrap}.grade{padding:10px 14px;max-height:40%}}