@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-I4S5GZfc.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-BmXc_FBt.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-GZpp1pK2.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-D8KDMBhC.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-DrnZ1wKl.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-B_7UjwxQ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--surface:#f4f4f0;--surface-raised:#fffef8;--surface-muted:#e9e9df;--ink:#0a0a0a;--ink-muted:#0a0a0a9e;--ink-soft:#0a0a0a6b;--line:#0a0a0a;--accent:#0f6;--accent-soft:#b8ffd0;--danger:#ff4f3f;--success:#00d66f;--warning:#ffb020;--shadow:4px 4px 0 #000;--shadow-large:8px 8px 0 #000;--font-sans:"Geist Variable", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", Arial, sans-serif;--font-mono:"Geist Mono Variable", "SFMono-Regular", ui-monospace, Menlo, Monaco, Consolas, monospace;color:var(--ink);background:var(--surface);font-family:var(--font-sans);font-synthesis:none;font-optical-sizing:auto;font-feature-settings:"kern" 1, "liga" 1, "calt" 1, "tnum" 1;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%}#root{min-width:0}body{background:var(--surface);min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,a,select{font:inherit}button,select{color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface-muted)}::-webkit-scrollbar-thumb{background:var(--ink);border:2px solid var(--surface-muted)}.app-shell{background:var(--line);grid-template-columns:286px minmax(0,1fr);column-gap:4px;height:100vh;min-height:0;display:grid;overflow:hidden}.dock-sidebar{background:color-mix(in srgb, var(--surface-raised) 78%, var(--surface-muted) 22%);height:100vh;min-height:0;color:var(--ink);flex-direction:column;gap:12px;padding:14px 0 12px;display:flex;overflow:hidden}.mark{box-shadow:none;background:0 0;border:0;border-bottom:2px solid #0a0a0a24;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;margin:0 8px;padding:10px 10px 16px;display:grid}.mark-icon{border:2px solid var(--line);width:28px;height:28px;color:var(--ink);background:var(--accent);box-shadow:2px 2px 0 var(--ink);border-radius:6px;justify-self:center;place-items:center;display:grid}.mark strong,.mark small{display:block}.mark strong{color:var(--ink);font-size:16px;font-weight:740;line-height:1.08}.mark small{color:var(--ink-muted);font-family:var(--font-mono);font-size:10.5px;line-height:1.35}.dock-section{min-width:0}.dock-section h2{color:var(--ink-muted);font-family:var(--font-sans);letter-spacing:.13em;text-transform:uppercase;margin:0 0 9px;padding:0 16px;font-size:10px;font-weight:650;line-height:1}.case-section{flex-direction:column;flex:auto;min-height:0;display:flex}.case-list{flex-direction:column;gap:2px;min-height:0;padding:0 8px 8px;display:flex;overflow:auto}.case-button{color:var(--ink-muted);text-align:left;background:0 0;border:0;border-radius:4px;grid-template-columns:34px minmax(0,1fr) 10px;align-items:center;gap:8px;min-height:37px;padding:8px 10px;transition:transform .12s,box-shadow .12s,background .12s,color .12s;display:grid;position:relative}.case-button:after{content:"";opacity:0;border-top:2px solid;border-right:2px solid;width:6px;height:6px;transition:opacity .12s;transform:rotate(45deg)}.case-button:hover{color:var(--ink);background:color-mix(in srgb, var(--accent) 7%, var(--surface-raised))}.case-button.selected{color:var(--ink);background:color-mix(in srgb, var(--accent) 18%, var(--surface-raised));box-shadow:inset 0 0 0 2px var(--line)}.case-button span{color:currentColor;font-family:var(--font-mono);font-variant-numeric:tabular-nums;opacity:.75;font-size:10px}.case-button.selected span{color:var(--ink);opacity:1}.case-button strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12.5px;font-weight:610;line-height:1.18;overflow:hidden}.case-button.selected strong{font-weight:700}.case-button.selected:after{opacity:.78}.viewer-column{background:var(--surface);grid-template-rows:78px minmax(0,1fr) 78px;min-width:0;height:100vh;min-height:0;display:grid;overflow:hidden}.viewer-topbar{border-bottom:4px solid var(--line);background:#f4f4f0fa;grid-template-columns:minmax(230px,360px) minmax(0,1fr);align-items:center;gap:16px;min-width:0;padding:12px 16px;display:grid}.case-heading{min-width:0}.case-heading small{color:var(--ink-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-transform:uppercase;font-size:10.5px;font-weight:620}.case-heading h1{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:23px;font-weight:740;line-height:1.08;overflow:hidden}.topbar-controls{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.model-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.view-mode-toggle{border:3px solid var(--line);background:var(--surface-raised);min-width:196px;height:37px;box-shadow:3px 3px 0 var(--ink);grid-template-columns:repeat(2,minmax(94px,1fr));display:grid}.view-mode-toggle button{border:0;border-right:1px solid var(--line);color:var(--ink);letter-spacing:.01em;text-transform:uppercase;background:0 0;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:680;display:inline-flex}.view-mode-toggle button:last-child{border-right:0}.view-mode-toggle button.selected{background:var(--accent)}.model-tabs{border:3px solid var(--line);background:var(--surface-raised);width:max-content;min-width:0;max-width:100%;height:37px;box-shadow:3px 3px 0 var(--ink);scrollbar-width:thin;border-radius:6px;justify-self:start;align-items:center;padding:0;display:flex;overflow-x:auto}.model-tab{--accent:var(--ink);border:0;border-right:1px solid var(--line);height:100%;color:var(--ink);background:0 0;border-radius:0;flex:none;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:620;line-height:1.15;transition:color .12s,background .12s;display:inline-flex}.model-tab:last-child{border-right:0}.model-tab:hover{background:color-mix(in srgb, var(--accent) 10%, var(--surface-raised))}.model-tab.selected{color:var(--ink);background:color-mix(in srgb, var(--accent) 38%, var(--surface-raised));font-weight:700}.model-tab-swatch{border:1.5px solid var(--line);background:var(--accent);border-radius:4px;flex:none;width:7px;height:7px}.compare-model-controls{scrollbar-width:thin;grid-template-columns:minmax(180px,1fr) 37px minmax(180px,1fr);align-items:center;gap:7px;width:100%;min-width:0;padding:0 3px 4px 0;display:grid;overflow-x:auto}.compare-model-select{border:3px solid var(--line);background:var(--surface-raised);min-width:0;height:37px;box-shadow:3px 3px 0 var(--ink);border-radius:6px;grid-template-columns:36px minmax(0,1fr);display:grid;overflow:hidden}.compare-model-select span{border-right:1px solid var(--line);background:var(--accent);color:var(--ink);font-family:var(--font-mono);place-items:center;font-size:12px;font-weight:720;line-height:1;display:grid}.compare-model-select.slot-b span{background:#dacbff}.compare-model-select select{background:var(--surface-raised);width:100%;min-width:0;height:100%;color:var(--ink);border:0;padding:0 10px;font-size:12.5px;font-weight:620;line-height:1}.compare-swap-button{border:3px solid var(--line);background:var(--surface-raised);width:37px;height:37px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:6px;place-items:center;transition:transform .12s,box-shadow .12s,background .12s;display:grid}.compare-swap-button:hover{background:var(--accent);box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.compare-swap-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;background:var(--surface-muted);transform:none}.vs-label{color:var(--accent);background:var(--ink);font-family:var(--font-mono);border-radius:4px;padding:4px 6px;font-size:10px;font-weight:800;line-height:1}.metrics-button{border:3px solid var(--line);background:var(--surface-raised);color:var(--ink);letter-spacing:.01em;text-transform:uppercase;height:37px;box-shadow:3px 3px 0 var(--ink);border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:680;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.metrics-button:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.metrics-button.selected{background:var(--accent)}.artifact-wrap{--artifact-scale:1;--artifact-inverse-scale:1;background:#050505;min-width:0;min-height:0;padding:8px;overflow:hidden}.artifact-frame-viewport,.artifact-fallback{background:var(--surface-raised);width:100%;height:100%;min-height:0}.artifact-frame-viewport{border:3px solid var(--line);background:#050505;overflow:hidden}.artifact-frame{width:calc(100% * var(--artifact-inverse-scale));height:calc(100% * var(--artifact-inverse-scale));transform:scale(var(--artifact-scale));transform-origin:0 0;border:0;border-radius:0;display:block}.artifact-fallback{border:3px solid var(--line);color:var(--ink);text-align:center;align-content:center;place-items:center;gap:10px;padding:30px;display:grid}.artifact-fallback.failed{color:var(--danger);background:#fff0ee}.artifact-fallback.missing{color:color-mix(in srgb, var(--warning) 38%, var(--ink));background:#fff8d7}.artifact-fallback h2{margin:0;font-size:22px;font-weight:860;line-height:1.2}.artifact-fallback p{max-width:460px;margin:0;font-size:14px;font-weight:620;line-height:1.45}.artifact-fallback a{border:3px solid var(--line);color:var(--ink);background:var(--surface-raised);box-shadow:var(--shadow);border-radius:6px;align-items:center;gap:7px;padding:8px 10px;font-size:12px;font-weight:800;display:inline-flex}.compare-mode{padding:8px}.metrics-mode{background:var(--surface);overflow:auto}.compare-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;min-width:0;height:100%;min-height:0;display:grid}.compare-pane{--accent:var(--accent);border:3px solid var(--line);background:var(--surface);grid-template-rows:42px minmax(0,1fr) 34px;min-width:0;min-height:0;display:grid}.compare-pane-header{border-bottom:3px solid var(--line);background:var(--surface-raised);grid-template-columns:34px minmax(0,1fr) 14px 34px;align-items:center;gap:8px;min-width:0;padding:5px 6px;display:grid}.compare-label{border:2px solid var(--line);background:var(--accent);height:28px;font-family:var(--font-mono);place-items:center;font-size:12px;font-weight:900;display:grid}.compare-pane-model{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:850;line-height:1.1;overflow:hidden}.details-button.compact{width:30px;height:28px;padding:0}.compare-pane-artifact{background:#050505;min-width:0;min-height:0}.compare-pane-artifact .artifact-frame-viewport,.compare-pane-artifact .artifact-fallback{border:0}.compare-pane-metrics{border-top:3px solid var(--line);background:var(--surface-raised);font-family:var(--font-mono);grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;min-width:0;padding:0 9px;font-size:10.5px;font-weight:760;display:grid}.compare-pane-metrics span,.compare-pane-metrics strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.compare-pane-metrics strong{justify-self:end}.metrics-dashboard{background:var(--surface);min-width:0;min-height:100%;color:var(--ink);padding:16px}.metrics-dashboard-header{border-bottom:3px solid var(--line);justify-content:space-between;align-items:end;gap:16px;padding-bottom:10px;display:flex}.metrics-dashboard-header small{color:var(--ink-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:11px;font-weight:620}.metrics-dashboard-header h2{margin:3px 0 0;font-size:25px;font-weight:740;line-height:1.05}.metrics-dashboard-header>strong{border:3px solid var(--line);background:var(--ink);color:var(--accent);font-family:var(--font-mono);text-transform:uppercase;padding:7px 9px;font-size:12px;font-weight:740}.metrics-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0;display:grid}.dashboard-metric-card{border:3px solid var(--line);background:var(--surface-raised);box-shadow:4px 4px 0 var(--ink);min-width:0;padding:12px 13px}.dashboard-metric-card span,.dashboard-metric-card small{color:var(--ink-muted);font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;font-weight:650;line-height:1.35;display:block}.dashboard-metric-card strong{text-overflow:ellipsis;white-space:nowrap;margin:7px 0 6px;font-size:22px;font-weight:740;line-height:1;display:block;overflow:hidden}.metrics-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0;display:grid}.metric-bar-card{border:3px solid var(--line);background:var(--surface-raised);box-shadow:4px 4px 0 var(--ink);min-width:0}.metric-bar-card header{border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.metric-bar-card h3{margin:0;font-size:18px;font-weight:740;line-height:1.1}.metric-bar-card p{color:var(--ink-muted);font-family:var(--font-sans);margin:5px 0 0;font-size:12px;font-weight:560;line-height:1.35}.metric-bar-card header>strong{border:2px solid var(--line);background:var(--ink);color:var(--accent);font-family:var(--font-mono);padding:6px 8px;font-size:11px;font-weight:740}.metric-bars{gap:8px;padding:12px;display:grid}.metric-bar-row{grid-template-columns:minmax(100px,160px) minmax(86px,1fr) minmax(68px,auto);align-items:center;gap:10px;min-width:0;display:grid}.metric-bar-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:620;overflow:hidden}.metric-bar-track{border-bottom:2px solid var(--line);min-width:0;height:21px;position:relative}.metric-bar-fill{--accent:var(--accent);--bar-width:0%;background:var(--accent);border:2px solid var(--line);height:16px;width:var(--bar-width);min-width:0;display:block;box-shadow:2px 2px #0000002e}.metric-bar-row.unknown .metric-bar-fill{display:none}.metric-bar-row.unknown .metric-bar-track{opacity:.35}.metric-bar-row>strong{font-family:var(--font-mono);white-space:nowrap;justify-self:end;font-size:11px;font-weight:700}.pricing-rate-list{gap:8px;padding:12px;display:grid}.pricing-rate-heading,.pricing-rate-row{grid-template-columns:minmax(100px,1.2fr) repeat(3,minmax(64px,.82fr));align-items:center;gap:8px;min-width:0;display:grid}.pricing-rate-heading{color:var(--ink-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:10px;font-weight:700}.pricing-rate-cell{border:2px solid var(--line);background:var(--surface);min-width:0;min-height:30px;padding:7px 6px 5px;display:grid;position:relative;overflow:hidden}.pricing-rate-cell.input{--rate-color:var(--accent)}.pricing-rate-cell.output{--rate-color:var(--warning)}.pricing-rate-cell.cache{--rate-color:var(--teal)}.pricing-rate-fill{--bar-width:0%;background:color-mix(in srgb, var(--rate-color) 52%, transparent);border-right:2px solid var(--line);opacity:.8;width:var(--bar-width);position:absolute;top:0;bottom:0;left:0}.pricing-rate-cell strong{z-index:1;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:700;line-height:1.1;position:relative;overflow:hidden}.pricing-rate-cell.unknown{background:repeating-linear-gradient(-45deg, var(--surface), var(--surface) 8px, color-mix(in srgb, var(--line) 8%, var(--surface)) 8px, color-mix(in srgb, var(--line) 8%, var(--surface)) 16px)}.pricing-rate-cell.unknown .pricing-rate-fill{display:none}.metrics-table-wrap{border:3px solid var(--line);background:var(--surface-raised);box-shadow:4px 4px 0 var(--ink);overflow:auto}.metrics-table-title{border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.metrics-table-title h3{margin:0;font-size:18px;font-weight:740;line-height:1.1}.metrics-table-title p{color:var(--ink-muted);font-family:var(--font-sans);margin:5px 0 0;font-size:12px;font-weight:560;line-height:1.35}.metrics-table-title>strong{border:2px solid var(--line);background:var(--ink);color:var(--accent);font-family:var(--font-mono);padding:6px 8px;font-size:11px;font-weight:740}.metrics-table{border-collapse:collapse;width:100%;min-width:1340px;font-size:13px}.metrics-table th,.metrics-table td{border-bottom:2px solid color-mix(in srgb, var(--line) 82%, transparent);text-align:left;vertical-align:middle;padding:10px}.metrics-table th{z-index:1;background:var(--ink);color:var(--accent);font-family:var(--font-mono);text-transform:uppercase;font-size:10.5px;font-weight:660;position:sticky;top:0}.metrics-table tr:last-child td{border-bottom:0}.metrics-table tr.selected td{background:color-mix(in srgb, var(--accent) 16%, var(--surface-raised))}.metrics-table tbody tr:hover td{background:color-mix(in srgb, var(--accent-soft) 32%, var(--surface-raised))}.metrics-table tr.state-failed td{background:color-mix(in srgb, var(--danger) 7%, var(--surface-raised))}.metrics-table tr.state-missing td,.metrics-table tr.state-external-only td{background:color-mix(in srgb, var(--warning) 10%, var(--surface-raised))}.metrics-table tr.selected.state-failed td{background:color-mix(in srgb, var(--danger) 12%, var(--surface-raised))}.metrics-table tr.selected.state-missing td,.metrics-table tr.selected.state-external-only td{background:color-mix(in srgb, var(--warning) 16%, var(--surface-raised))}.metrics-table td:not(:first-child){font-family:var(--font-mono);font-size:11px;font-weight:680}.metrics-table th.numeric,.metrics-table td.numeric{text-align:right;font-variant-numeric:tabular-nums}.metrics-table td.reasoning-policy-cell{max-width:178px;color:var(--ink-muted);font-family:var(--font-sans);font-size:11px;font-weight:650;line-height:1.25}.metrics-model-button{text-align:left;background:0 0;border:0;align-items:center;gap:8px;min-width:0;padding:0;display:inline-flex}.metrics-model-button strong{font-size:13px;font-weight:650}.status-pill{border:2px solid var(--line);background:var(--surface-raised);min-height:23px;color:var(--ink);font-family:var(--font-sans);white-space:nowrap;border-radius:4px;align-items:center;padding:0 7px;font-size:11px;font-weight:680;line-height:1;display:inline-flex}.status-pill.embeddable{background:color-mix(in srgb, var(--success) 13%, var(--surface-raised))}.status-pill.external-only,.status-pill.missing{background:color-mix(in srgb, var(--warning) 18%, var(--surface-raised))}.status-pill.failed{background:color-mix(in srgb, var(--danger) 16%, var(--surface-raised))}.run-bar{border-top:4px solid var(--line);min-height:78px;color:var(--ink-muted);background:#f4f4f0fa;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:9px 12px;font-size:13px;line-height:1.25;display:grid}.run-bar-current{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.run-bar-current strong,.run-bar-current span:not(.state-dot):not(.vs-label){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.run-bar strong{color:var(--ink);font-weight:700}.run-bar-metrics{align-items:center;gap:6px;min-width:0;display:flex}.run-bar-metrics span{border:2px solid var(--line);background:var(--surface-raised);color:var(--ink);font-family:var(--font-mono);white-space:nowrap;padding:6px 7px;font-size:10.5px;font-weight:680;line-height:1}.run-bar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.state-dot{border:2px solid var(--line);background:var(--ink-soft);border-radius:50%;flex:none;width:9px;height:9px}.state-dot.embeddable{background:var(--success)}.state-dot.external-only{background:var(--warning)}.state-dot.failed{background:var(--danger)}.state-dot.missing{background:#7c7c74}.icon-button,.details-button{border:3px solid var(--line);background:var(--surface-raised);color:var(--ink);height:34px;box-shadow:3px 3px 0 var(--ink);border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:830;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.icon-button{width:34px;padding:0}.icon-button:hover,.details-button:hover{background:var(--accent);box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.details-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;background:var(--surface-muted);transform:none}.drawer-backdrop{opacity:0;pointer-events:none;z-index:30;background:#00000038;transition:opacity .16s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.details-drawer{z-index:40;background:var(--surface);width:min(430px,100vw - 20px);height:100vh;box-shadow:-3px 0 0 var(--line), -7px 0 0 #0003;border:0;flex-direction:column;transition:transform .19s;display:none;position:fixed;top:0;right:0;overflow:auto;transform:translate(104%)}.details-drawer.open{display:flex;transform:translate(0)}.details-drawer header{border-bottom:3px solid var(--line);background:var(--surface-raised);justify-content:space-between;align-items:center;gap:16px;padding:15px 16px;display:flex}.details-drawer header small,.details-drawer header strong{display:block}.details-drawer header small{color:var(--ink-muted);font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;font-size:10.5px;font-weight:620;line-height:1.3}.details-drawer header strong{font-size:18px;font-weight:740;line-height:1.12}.drawer-section{border-bottom:2px solid var(--line);padding:16px}.drawer-section h3{margin:0 0 8px;font-size:15px;font-weight:720}.drawer-section p{color:var(--ink-muted);margin:0;font-size:13px;font-weight:560;line-height:1.5}.tag-row{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.tag-row span{border:2px solid var(--line);color:var(--ink);background:var(--surface-raised);font-family:var(--font-mono);border-radius:4px;padding:4px 8px;font-size:10.5px;font-weight:640}.metric-grid{background:var(--line);border-bottom:2px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:2px;display:grid}.metric{background:var(--surface-raised);padding:12px 13px}.metric span{color:var(--ink-muted);font-family:var(--font-sans);text-transform:uppercase;margin-bottom:5px;font-size:10.5px;font-weight:620;line-height:1.3;display:block}.metric strong{font-variant-numeric:tabular-nums;font-size:16px;font-weight:740;display:block}.definition-list{gap:8px;margin:0;display:grid}.definition-list.compact{margin-top:12px}.definition-list div{border-bottom:1px solid #0000002e;justify-content:space-between;gap:14px;padding-bottom:8px;display:flex}.definition-list dt{color:var(--ink-muted);font-family:var(--font-sans);text-transform:uppercase;font-size:11px;font-weight:620}.definition-list dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:700}.pricing-source{justify-items:end;gap:3px;max-width:100%;display:inline-grid}.pricing-source a{color:var(--ink);text-underline-offset:3px;justify-content:flex-end;align-items:center;gap:5px;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.pricing-source small{color:var(--ink-muted);font-family:var(--font-mono);font-size:10.5px;font-weight:660;line-height:1.25}@media (width<=1120px){.app-shell{grid-template-columns:278px minmax(0,1fr)}.viewer-topbar{grid-template-columns:1fr;align-items:stretch;height:auto}.viewer-column{grid-template-rows:126px minmax(0,1fr) 102px}.compare-grid{grid-template-columns:1fr}.run-bar{grid-template-columns:minmax(0,1fr) auto auto}.metrics-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-chart-grid{grid-template-columns:1fr}}@media (width<=860px){body{overflow:auto}.app-shell,.viewer-column,.viewer-topbar,.topbar-controls,.model-toolbar,.artifact-wrap,.run-bar{max-width:100vw}.app-shell{grid-template-columns:1fr;gap:4px 0;height:auto;min-height:100vh;overflow:visible}.dock-sidebar{width:100%;max-width:100vw;height:auto;min-height:auto;overflow:hidden}.case-section,.dock-section,.case-list{min-width:0;max-width:100%}.case-list{flex-direction:row;width:100%;padding:0 10px 8px;overflow:auto hidden}.case-button{min-width:176px}.viewer-column{grid-template-rows:auto minmax(540px,1fr) auto;height:auto;min-height:760px;overflow:visible}.topbar-controls{grid-template-columns:1fr}.model-toolbar{grid-template-columns:minmax(0,1fr);width:100%;max-width:100%;overflow:hidden}.view-mode-toggle{width:100%;min-width:0}.model-tabs,.compare-model-controls{max-width:100%}.metrics-button{width:100%;max-width:100%}.artifact-wrap{--artifact-scale:1;--artifact-inverse-scale:1;min-height:540px}.artifact-frame-viewport,.artifact-fallback,.compare-pane{min-height:520px}.metric-bar-row{grid-template-columns:minmax(96px,130px) minmax(100px,1fr) minmax(64px,auto)}.pricing-rate-heading,.pricing-rate-row{grid-template-columns:minmax(88px,1fr) repeat(3,minmax(58px,.78fr))}.run-bar{grid-template-columns:1fr}.run-bar-metrics{flex-wrap:wrap}.run-bar-actions{width:100%;margin-left:0}}@media (width>=1600px){.artifact-wrap:not(.compare-mode){--artifact-scale:1.04;--artifact-inverse-scale:.9616}}@media (width>=1900px){.artifact-wrap:not(.compare-mode){--artifact-scale:1.08;--artifact-inverse-scale:.9259}}@media (width<=560px){.viewer-column{min-height:720px}.compare-model-controls{grid-template-columns:minmax(150px,1fr) 39px minmax(150px,1fr)}.viewer-topbar{padding:10px}.case-heading h1{font-size:20px}.metrics-card-grid{grid-template-columns:1fr}.metric-bar-card header,.metric-bar-row{gap:9px}.metric-bars{padding:12px}.metrics-table-title{flex-direction:column;align-items:flex-start}.pricing-rate-heading,.pricing-rate-row{grid-template-columns:1fr}.pricing-rate-heading span:not(:first-child){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}