:root{--bg:#f6f6f7;--surface:#fff;--surface-sunken:#fafafa;--line:#e8e8ea;--line-strong:#d8d8dc;--fg:#18181b;--fg-muted:#6b6b73;--fg-subtle:#9a9aa3;--user:#4f46e5;--user-soft:#eceafd;--agent:#0d9488;--agent-soft:#e3f5f2;--good:#047857;--bad:#b91c1c;--warn:#b45309;--accent:#18181b;--radius:10px;--radius-sm:6px;--shadow:0 1px 2px #1010140a, 0 1px 1px #10101408;--sidebar-w:264px;--font:ui-sans-serif, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, "Cascadia Mono", monospace}@media (prefers-color-scheme:dark){:root{--bg:#131316;--surface:#1a1a1e;--surface-sunken:#16161a;--line:#2a2a30;--line-strong:#3a3a42;--fg:#ececf0;--fg-muted:#9c9ca6;--fg-subtle:#6e6e78;--user:#8b83f7;--user-soft:#24224a;--agent:#2dd4bf;--agent-soft:#12332f;--good:#34d399;--bad:#f87171;--warn:#fbbf24;--accent:#ececf0;--shadow:none}}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:13.5px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.shell{grid-template-columns:var(--sidebar-w) 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;display:flex;overflow-y:auto}.sidebar-head{align-items:center;gap:10px;padding:18px 16px 14px;display:flex}.logo{background:var(--accent);width:26px;height:26px;color:var(--surface);border-radius:7px;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.sidebar-title{letter-spacing:-.01em;font-size:13.5px;font-weight:650}.sidebar-sub{color:var(--fg-subtle);font-size:11px}.sidebar-primary-nav{grid-template-columns:1fr 1fr;gap:6px;padding:0 12px 12px;display:grid}.sidebar-primary-nav .btn{justify-content:center;text-decoration:none}.nav-group{padding:8px 10px 4px}.nav-label{color:var(--fg-subtle);letter-spacing:.02em;padding:8px 6px 6px;font-size:11px}.nav-item{border-radius:var(--radius-sm);color:var(--fg-muted);padding:7px 8px;font-size:13px;display:block}.nav-item:hover{background:var(--surface-sunken);color:var(--fg)}.nav-item[data-active=true]{background:var(--bg);color:var(--fg);font-weight:550}.nav-item-meta{color:var(--fg-subtle);font-variant-numeric:tabular-nums;gap:8px;margin-top:2px;font-size:11px;display:flex}.nav-item-description{color:var(--fg-subtle);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;font-weight:400;overflow:hidden}.main{flex-direction:column;display:flex;overflow-y:auto}.topbar{z-index:5;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:12px;padding:12px 22px;display:flex;position:sticky;top:0}.crumb{color:var(--fg-subtle);font-size:12px}.content{flex-direction:column;flex:1;gap:18px;min-width:0;padding:22px;display:flex}.page-title{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:680}.page-sub{color:var(--fg-muted);margin:4px 0 0;font-size:12.5px}.run-description-full{max-width:960px;color:var(--fg);margin:9px 0 0;font-size:13.5px;line-height:1.5}.run-meta{color:var(--fg-subtle);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:11.5px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:16px 18px}.card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:14px 18px;display:flex}.card-title{font-size:13px;font-weight:600}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.btn{border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:5px 11px;font-size:12.5px;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-sunken)}.btn:disabled{opacity:.45;cursor:default}.btn[data-variant=primary]{background:var(--accent);color:var(--surface);border-color:var(--accent)}.btn[data-variant=primary]:hover:not(:disabled){opacity:.88;background:var(--accent)}.btn[data-active=true]{background:var(--bg);border-color:var(--line-strong);color:var(--fg);font-weight:550}.chip{border:1px solid var(--line);background:var(--surface-sunken);color:var(--fg-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11px;display:inline-flex}.chip[data-tone=good]{color:var(--good);border-color:color-mix(in srgb, var(--good) 30%, var(--line));background:color-mix(in srgb, var(--good) 8%, var(--surface))}.chip[data-tone=bad]{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 30%, var(--line));background:color-mix(in srgb, var(--bad) 8%, var(--surface))}.chip[data-tone=warn]{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 30%, var(--line));background:color-mix(in srgb, var(--warn) 8%, var(--surface))}.chip[data-tone=user]{color:var(--user);border-color:color-mix(in srgb, var(--user) 28%, var(--line));background:var(--user-soft)}.chip[data-tone=agent]{color:var(--agent);border-color:color-mix(in srgb, var(--agent) 28%, var(--line));background:var(--agent-soft)}.provider-kind{color:var(--fg);font-weight:650}.mono{font-family:var(--mono);font-size:11.5px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--fg-muted)}.subtle{color:var(--fg-subtle)}.stat-label{color:var(--fg-subtle);letter-spacing:.01em;font-size:11px}.stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:20px;font-weight:620}.stat-grid{background:var(--line);border-radius:var(--radius);border:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;display:grid;overflow:hidden}.stat-cell{background:var(--surface);padding:12px 14px}table.grid{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}table.grid th{text-align:left;color:var(--fg-subtle);letter-spacing:.03em;text-transform:uppercase;border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 14px;font-size:11px;font-weight:600}table.grid td{border-bottom:1px solid var(--line);padding:9px 14px;font-size:12.5px}table.grid tbody tr:last-child td{border-bottom:0}table.grid tbody tr[data-clickable=true]:hover{background:var(--surface-sunken);cursor:pointer}table.grid td.r,table.grid th.r{text-align:right}table.grid td.run-description{text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}table.grid td.run-time{white-space:nowrap;min-width:132px}table.grid td.sample-input{max-width:360px;color:var(--fg-muted);overflow-wrap:anywhere}.empty{text-align:center;color:var(--fg-muted);padding:44px 20px}.field{flex-direction:column;gap:4px;display:flex}.field>label{color:var(--fg-subtle);font-size:11px}select,input[type=search],input[type=text]{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;padding:5px 8px;font-size:12.5px}.benchmark-runner,.benchmark-form{gap:14px;display:grid}.benchmark-description{color:var(--fg-subtle);gap:5px;font-size:11px;display:grid}.benchmark-description-control{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.benchmark-description-control .btn{white-space:nowrap}.benchmark-toolbar{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.benchmark-toolbar>label:not(.check-inline){color:var(--fg-subtle);align-items:center;gap:7px;font-size:11px;display:flex}.benchmark-toolbar select{min-width:92px}.check-inline,.check-option{cursor:pointer;align-items:flex-start;gap:7px;font-size:12px;display:flex}.check-inline{align-items:center}.check-inline input,.check-option input{margin:2px 0 0}.benchmark-selection-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.benchmark-fieldset{border:1px solid var(--line);border-radius:var(--radius-sm);min-width:0;margin:0;padding:10px 12px 12px}.benchmark-fieldset:disabled{opacity:.55}.benchmark-fieldset legend{padding:0 5px;font-size:12px;font-weight:600}.benchmark-field-hint,.check-detail{color:var(--fg-subtle);font-size:10.5px}.benchmark-field-hint{margin-bottom:8px}.benchmark-options{gap:7px;max-height:176px;display:grid;overflow-y:auto}.check-option>span{min-width:0;line-height:1.25;display:grid}.check-name{overflow-wrap:anywhere}.benchmark-submit-row{justify-content:space-between;align-items:center;gap:14px;padding-top:2px;display:flex}.benchmark-submit-row>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.benchmark-job-list{display:grid}.benchmark-job{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding:13px 18px;display:flex}.benchmark-job:last-child{border-bottom:0}.benchmark-job-main{flex:1;gap:6px;min-width:0;display:grid}.benchmark-run-id{font-size:12px}.benchmark-job-description{font-size:12.5px}.benchmark-job-selection{color:var(--fg-muted);overflow-wrap:anywhere;font-size:11px}.benchmark-progress-row{color:var(--fg-subtle);font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:10.5px;display:flex}.benchmark-progress-row progress{width:min(420px,65%);height:8px;accent-color:var(--accent)}.benchmark-job-error{color:var(--bad);overflow-wrap:anywhere;font-size:11px}.benchmark-job-actions{white-space:nowrap;align-items:center;gap:9px;display:flex}.benchmark-auditor{gap:14px;display:grid}.benchmark-audit-layout{grid-template-columns:minmax(250px,320px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.audit-cases-column{gap:14px;min-width:0;display:grid}.audit-loading{color:var(--fg-muted);text-align:center;padding:28px 18px}.audit-catalog-list{max-height:calc(100vh - 190px);overflow-y:auto}.audit-catalog-filter{border-bottom:1px solid var(--line);background:var(--surface-sunken);padding:10px 12px}.audit-catalog-filter label{color:var(--fg-muted);gap:5px;font-size:12px;display:grid}.audit-catalog-item{border:0;border-bottom:1px solid var(--line);width:100%;color:inherit;text-align:left;background:0 0;border-radius:0;gap:5px;padding:12px 14px;display:grid}.audit-catalog-item:last-child{border-bottom:0}.audit-catalog-item:hover,.audit-catalog-item[data-active=true]{background:var(--surface-sunken)}.audit-catalog-item[data-active=true]{box-shadow:inset 3px 0 var(--accent)}.audit-catalog-title{justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.audit-catalog-summary{color:var(--fg-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.audit-benchmark-head{gap:12px;font-size:12.5px;display:grid}.audit-controls{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.audit-controls>label{min-width:116px;color:var(--fg-subtle);gap:4px;font-size:10.5px;display:grid}.audit-case-filters{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1fr) minmax(150px,240px) auto;gap:8px;padding:11px 14px;display:grid}.audit-case-table-wrap{overflow-x:auto}.audit-case-table td{vertical-align:top}.audit-case-table td:first-child{min-width:220px}.audit-case-table td:nth-child(2){min-width:130px}.audit-case-table td:nth-child(4){min-width:250px}.audit-case-text{min-width:180px;max-width:340px;color:var(--fg-muted);line-height:1.4}.audit-audio-list{gap:10px;display:grid}.audit-audio-list[data-compact=true]{gap:5px}.audit-audio{gap:5px;min-width:0;font-size:11px;display:grid}.audit-audio audio{width:min(100%,520px);height:32px;display:block}.audit-audio-list[data-compact=true] audio{width:240px;height:28px}.audit-pagination{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;padding:10px 14px;display:flex}.audit-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#09090b94;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.audit-modal-panel{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);grid-template-rows:auto minmax(0,1fr);width:min(1040px,100%);min-width:0;max-height:calc(100vh - 48px);display:grid;overflow:hidden;box-shadow:0 24px 80px #00000047}.audit-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.audit-modal-head h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:14px;overflow:hidden}.audit-modal-body{min-width:0;padding:16px;overflow:auto}.audit-modal-body .detail-grid>*,.audit-detail-grid>*{min-width:0}.audit-detail{gap:16px;display:grid}.audit-detail h3{margin:0 0 7px;font-size:12px}.audit-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;font-size:12px;display:grid}@media (max-width:900px){.benchmark-selection-grid{grid-template-columns:minmax(0,1fr)}.benchmark-job,.benchmark-submit-row{flex-direction:column;align-items:stretch}.benchmark-job-actions{justify-content:flex-end}.benchmark-audit-layout{grid-template-columns:minmax(0,1fr)}.audit-catalog-list{max-height:360px}.audit-case-filters,.audit-detail-grid{grid-template-columns:minmax(0,1fr)}.audit-modal-backdrop{padding:8px}.audit-modal-panel{max-height:calc(100vh - 16px)}}.tl-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.tl-transport{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.tl-clock{font-family:var(--mono);font-variant-numeric:tabular-nums;min-width:128px;font-size:13px}.tl-scroll{position:relative;overflow:auto hidden}.tl-body{grid-template-columns:92px 1fr;display:grid}.tl-gutter{border-right:1px solid var(--line);background:var(--surface-sunken);z-index:2;position:sticky;left:0}.tl-lane-name{color:var(--fg-muted);border-bottom:1px solid var(--line);align-items:center;padding:0 10px;font-size:11px;display:flex}.tl-lane-name:last-child{border-bottom:0}.tl-lane-name.tl-lane-rows{padding:4px 0 0;display:block}.tl-row-name{color:var(--fg-subtle);white-space:nowrap;align-items:center;padding:0 10px;font-size:10px;display:flex}.tl-legend{border-top:1px solid var(--line);color:var(--fg-subtle);flex-wrap:wrap;gap:12px;padding:8px 14px;font-size:11px;display:flex}.swatch{vertical-align:-1px;border-radius:2px;width:9px;height:9px;margin-right:5px;display:inline-block}.detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}@media (max-width:1100px){.detail-grid{grid-template-columns:minmax(0,1fr)}}.kv{grid-template-columns:150px 1fr;gap:6px 14px;font-size:12.5px;display:grid}.kv>dt{color:var(--fg-subtle);font-size:11.5px}.kv>dd{overflow-wrap:anywhere;min-width:0;margin:0}.transcript{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-sunken);padding:10px 12px;font-size:13px;line-height:1.6}.transcript[data-empty=true]{color:var(--fg-subtle);font-style:italic}.transcript-label{color:var(--fg-subtle);align-items:center;gap:8px;margin-bottom:5px;font-size:11px;display:flex}.sample-request{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-sunken);padding:10px 12px}.sample-request-head{margin-bottom:8px}.llm-messages{gap:8px;display:grid}.llm-message{border-top:1px solid var(--line);grid-template-columns:72px minmax(0,1fr);gap:10px;padding-top:8px;display:grid}.llm-message-content{white-space:pre-wrap;overflow-wrap:anywhere}.delta-stream{font-size:13px;line-height:1.7}.delta{color:var(--fg-subtle);transition:color 90ms linear}.delta[data-spoken=true]{color:var(--fg)}pre.json{background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--radius-sm);font-family:var(--mono);max-height:320px;margin:0;padding:10px 12px;font-size:11.5px;overflow-x:auto}.banner{border-left:3px solid var(--warn);background:color-mix(in srgb, var(--warn) 6%, var(--surface));border-radius:var(--radius-sm);color:var(--fg-muted);padding:9px 14px;font-size:12.5px}.banner[data-tone=bad]{border-left-color:var(--bad);background:color-mix(in srgb, var(--bad) 6%, var(--surface))}
