:root{--color-ink:#0e1116;--color-bolt:#1fb877;--color-deep:#0a4d33;--color-soft:#f5f4f1;--color-paper:#fff;--tracking-wordmark:-.035em;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-soft:#f8fafc;--surface:#fff;--surface-soft:#f8fafc;--surface-2:#f1f5f9;--surface-3:#e8eef5;--surface-hover:#eef2f7;--surface-selected:#ecfdf5;--surface-tint:#ecfdf5;--line:#e2e8f0;--line-soft:#eef2f7;--line-strong:#cbd5e1;--text:#0f172a;--text-2:#334155;--muted:#475569;--faint:#54606f;--dim:#94a3b8;--accent:var(--color-bolt);--accent-strong:var(--color-deep);--accent-soft:#ecfdf5;--accent-line:#1fb87752;--blue:#5d89dd;--amber:#b7791f;--coral:#dc5b55;--green:#15803d;--warm:#b7791f;--warm-soft:#b7791f1f;--danger:#dc2626;--danger-soft:#dc26261a;--info:#5d89dd;--series-1:#dc5b55;--series-2:#5d89dd;--series-3:var(--color-bolt);--series-4:#b7791f;--series-5:#9333ea;--series-6:#0d9488;--chart-card-bg:#fff;--chart-grid:#e5e7eb;--chart-axis:#cbd5e1;--shadow:0 1px 2px #18222d0f;--radius:6px;--radius-sm:4px;--radius-lg:10px;--radius-pill:999px;--control-radius:4px;--tight-radius:3px;--topbar-height:48px;--workbar-height:44px;--tracking-eyebrow:.1em;--tracking-display:-.02em;--z-chrome:50;--z-workbar:40;--z-sticky-th:5;--z-pop:100;--font-sans:var(--font-sans-next,"Geist"), "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:var(--font-mono-next,"Geist Mono"), "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--font-serif:var(--font-serif-next,"Instrument Serif"), Georgia, "Times New Roman", serif;--bg-grid:var(--bg)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--color-ink);--bg-soft:#0c1118;--surface:#161b22;--surface-soft:#1a2030;--surface-2:#1a2030;--surface-3:#171a24;--surface-hover:#1a1d28;--surface-selected:#11231d;--surface-tint:#0b2f24;--line:#1c1f2a;--line-soft:#151923;--line-strong:#242937;--text:#f8fafc;--text-2:#cbd5e1;--muted:#94a3b8;--faint:#8b97a8;--dim:#5b6678;--accent:var(--color-bolt);--accent-strong:#27e896;--accent-soft:#1fb8771f;--accent-line:#1fb87752;--blue:#7da1e8;--amber:#e0b07a;--coral:#f87171;--green:#4ade80;--warm:#e0b07a;--warm-soft:#e0b07a24;--danger:#f87171;--danger-soft:#f8717124;--info:#7da1e8;--series-1:#f87171;--series-2:#7da1e8;--series-3:var(--color-bolt);--series-4:#e0b07a;--series-5:#c084fc;--series-6:#5eead4;--chart-card-bg:#11141c;--chart-grid:#ffffff0b;--chart-axis:#fff3;--shadow:0 18px 42px #00000057;--bg-grid:radial-gradient(900px 600px at 50% -8%, #1fb8770f, transparent 70%), linear-gradient(#ffffff05 1px, transparent 1px), linear-gradient(90deg, #ffffff05 1px, transparent 1px), var(--bg)}
*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%}body{background:var(--bg-grid);color:var(--text);font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:0;background-size:auto,48px 48px,48px 48px,auto;background-attachment:fixed;margin:0}code,pre,.mono,.eyebrow{font-family:var(--font-mono), monospace}.brand-wordmark,.landing-wordmark{letter-spacing:var(--tracking-wordmark);font-weight:600;font-family:var(--font-sans), system-ui, sans-serif;color:var(--text);font-size:18px;line-height:1}.brand-wordmark__accent{color:var(--color-bolt,#1fb877);font-weight:700}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}:focus:not(:focus-visible){outline:none}.serif-em{font-family:var(--font-serif);letter-spacing:0;color:var(--text-2);font-size:1.08em;font-style:italic;font-weight:400}button,input,select,textarea{font:inherit}button,select,input,textarea{border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);min-height:32px;color:var(--text);padding:6px 10px}select,input,textarea{outline:none}select:focus,input:focus,textarea:focus{border-color:#1fb8777a;box-shadow:0 0 0 2px #1fb8771f}input[type=checkbox]{width:16px;height:16px;min-height:auto;accent-color:var(--accent);padding:0}button{border-color:var(--line);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:680;display:inline-flex}button:hover{background:#f7f9fb;border-color:#b9c5d0}button.primary-button{border-color:var(--accent);background:var(--accent);color:#fff}button.primary-button:hover{border-color:var(--accent-strong);background:var(--accent-strong)}button:focus-visible,.select-trigger:focus-visible{border-color:#1fb8778a;outline:none;box-shadow:0 0 0 2px #1fb87724}button.secondary{border-color:var(--line);background:var(--surface);color:var(--text)}button.secondary:hover{background:#f7f9fb;border-color:#b9c5d0}button.ghost{color:var(--muted);background:0 0;border-color:#0000}button.ghost:hover{background:#f1f4f7;border-color:#0000}button.icon-only{justify-content:center;width:32px;height:32px;padding:0}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin:0}.app{min-height:100vh}.app-loading-screen{background:radial-gradient(circle at 50% 42%, #1fb87724, transparent 32rem), var(--bg);min-height:100vh;color:var(--text);place-items:center;padding:32px;display:grid}.app-loading-card{text-align:center;justify-items:center;gap:18px;width:min(360px,100%);display:grid}.app-loading-mark{width:64px;height:64px;color:var(--accent);--brand-mark-bg:var(--color-ink);background:#0d0f15d1;border:1px solid #1fb87747;border-radius:16px;place-items:center;display:grid;box-shadow:0 20px 54px #00000047}.app-loading-mark .instantml-mark-svg{width:52px;height:52px}.app-loading-card h1{color:var(--text);font-size:20px;font-weight:780;line-height:1.15}.app-loading-card p{color:var(--muted);margin-top:6px;font-size:13px;font-weight:640}.app-loading-bars{grid-template-columns:repeat(3,42px);gap:8px;margin-top:4px;display:grid}.app-loading-bars span{background:#1fb8772e;border-radius:999px;height:3px;position:relative;overflow:hidden}.app-loading-bars span:after{background:linear-gradient(90deg, transparent, var(--accent), transparent);content:"";animation:1.1s ease-in-out infinite loading-bar;position:absolute;inset:0;transform:translate(-100%)}.app-loading-bars span:nth-child(2):after{animation-delay:.13s}.app-loading-bars span:nth-child(3):after{animation-delay:.26s}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(100%)}}
.landing-page,.auth-page{background:linear-gradient(180deg, #dff4f6d6 0%, #f4f6f800 42%), var(--bg);min-height:100vh}.landing-nav{justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100% - 32px);min-height:72px;margin:0 auto;display:flex}.landing-brand,.landing-nav nav,.landing-actions,.landing-proof,.provider-status,.preview-topbar,.preview-row,.compare-preview-row,.onboarding-summary{align-items:center;display:flex}.landing-brand{color:var(--text);gap:10px;font-size:14px;font-weight:760;text-decoration:none}.brand-mark.small{width:30px;height:30px}.brand-mark.tiny{width:26px;height:26px}.instantml-mark-svg{width:100%;height:100%;color:var(--text);display:block}:root[data-theme=dark] .instantml-mark-svg{color:var(--color-paper,#fff)}.landing-nav nav{gap:8px}.landing-nav nav a,.landing-nav nav button{border-radius:var(--control-radius);color:var(--muted);cursor:pointer;background:0 0;border:0;padding:7px 9px;font-size:13px;font-weight:700;text-decoration:none}.landing-nav nav a:hover,.landing-nav nav button:hover{background:var(--surface-soft);color:var(--text)}.landing-hero{grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);align-items:center;gap:42px;width:min(1180px,100% - 32px);min-height:calc(100vh - 92px);margin:0 auto;padding:42px 0 74px;display:grid}.landing-copy{align-content:center;gap:18px;display:grid}.eyebrow{color:var(--accent-strong);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:820}.landing-copy h1,.auth-card h1{color:var(--text);letter-spacing:0;font-weight:820;line-height:.98}.landing-copy h1{max-width:620px;font-size:clamp(48px,6vw,82px)}.landing-lede{max-width:560px;color:var(--muted);font-size:17px;font-weight:560;line-height:1.58}.landing-actions,.landing-proof{flex-wrap:wrap;gap:10px}.button-link{border:1px solid var(--accent);border-radius:var(--control-radius);background:var(--accent);color:#fff;white-space:nowrap;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:7px 11px;font-size:13px;font-weight:740;text-decoration:none;display:inline-flex}.button-link:hover{border-color:var(--accent-strong);background:var(--accent-strong)}.secondary-link{border-color:var(--line);background:var(--surface);color:var(--text)}.secondary-link:hover{background:#f7f9fb;border-color:#b9c5d0}.provider-status{border:1px solid var(--line);border-radius:var(--control-radius);width:fit-content;color:var(--muted);background:#ffffffb8;gap:8px;padding:8px 10px;font-size:12px;font-weight:650}.provider-status span{background:var(--faint);border-radius:999px;width:8px;height:8px}.provider-status span.good{background:var(--green)}.provider-status strong{color:var(--text)}.provider-status em{font-style:normal}.auth-note,.landing-proof span,.auth-copy,.auth-status,.auth-form small,.onboarding-summary span{color:var(--muted);font-size:13px;line-height:1.5}.landing-proof span{color:var(--text);align-items:center;gap:6px;font-weight:700;display:inline-flex}.landing-proof svg{color:var(--green)}.landing-preview{border:1px solid var(--line);background:#ffffffeb;border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 22px 70px #18222d1f}.preview-topbar{border-bottom:1px solid var(--line-soft);gap:10px;padding:12px 14px}.preview-topbar strong{margin-right:auto;font-size:13px}.preview-chip{border:1px solid var(--line-soft);border-radius:var(--tight-radius);background:var(--surface-soft);color:var(--muted);padding:4px 7px;font-size:11px;font-weight:760}.preview-chip.good{color:var(--green);background:#e8f7ee;border-color:#cfe9dc}.preview-grid{grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid}.preview-panel{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);min-width:0;padding:12px}.preview-head{justify-content:space-between;gap:8px;margin-bottom:10px;display:flex}.preview-head strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.preview-head small{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:700}.preview-row{border-top:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-top:8px;padding:8px 0 0;font-size:12px;display:grid}.preview-row span{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:730;overflow:hidden}.preview-row em{color:var(--muted);font-style:normal}.preview-row strong{color:var(--accent-strong)}.metric-preview svg{width:100%;height:140px;display:block}.metric-preview circle{fill:var(--amber)}.preview-axis{fill:none;stroke:var(--line);stroke-width:1.5px}.preview-line{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.compare-preview,.sdk-preview{align-content:start;display:grid}.compare-preview-row{border-top:1px solid var(--line-soft);color:var(--muted);gap:8px;margin-top:9px;padding-top:9px;font-size:12px}.compare-preview-row svg{color:var(--accent)}.compare-preview-row strong{color:var(--text);margin-left:auto}.sdk-preview{color:#223142;white-space:pre-wrap;grid-column:span 2;gap:8px;font-size:12px;line-height:1.55}.sdk-preview svg{color:var(--accent)}.auth-page{place-items:center;padding:32px 16px;display:grid}.auth-card{border:1px solid var(--line);background:#fffffff0;border-radius:8px;gap:16px;width:min(520px,100%);padding:26px;display:grid;box-shadow:0 22px 70px #18222d1a}.auth-card h1{font-size:34px}.auth-form,.onboarding-stack{gap:12px;display:grid}.shared-demo-button{justify-content:center}.clerk-auth-stack{gap:8px;display:grid}.clerk-actions{flex-wrap:wrap;gap:8px;display:flex}.clerk-actions>*{flex:160px}.clerk-actions button{width:100%}.clerk-auth-stack .onboarding-summary{align-items:center;gap:10px;min-height:46px;display:flex}.auth-form-divider{align-items:center;min-height:1px;display:flex}.auth-form-divider span{border-top:1px solid var(--line-soft);flex:1}.auth-form label,.segmented-field{color:var(--text);gap:6px;font-size:12px;font-weight:760;display:grid}.auth-form input,.auth-form textarea{width:100%;font-size:14px;font-weight:560}.auth-form textarea{resize:vertical}.availability-ok{color:var(--success)}.availability-error{color:var(--danger)}.segmented-field{border:0;grid-template-columns:1fr 1fr;margin:0;padding:0}.segmented-field legend{color:var(--text);grid-column:1/-1;padding:0}.segmented-field label{border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface-soft);align-items:center;gap:8px;min-height:36px;padding:7px 10px;display:flex}.onboarding-summary{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface-soft);gap:10px;padding:12px}.onboarding-summary svg{color:var(--green);flex:none}.onboarding-summary div{gap:2px;min-width:0;display:grid}.onboarding-summary strong,.onboarding-summary span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.api-key-reveal{border-radius:var(--radius);background:#f0fbf5;border:1px solid #cfe9dc;gap:8px;padding:12px;display:grid}.api-key-reveal code,.sdk-snippet{border:1px solid var(--line-soft);border-radius:var(--control-radius);color:#d8f5f8;white-space:pre;background:#0f172a;min-width:0;padding:10px;font-size:12px;line-height:1.5;overflow:auto}.auth-status{min-height:20px}@media (max-width:980px){.landing-hero{grid-template-columns:1fr;gap:28px;min-height:auto;padding-top:30px}.landing-copy h1{font-size:52px}.landing-preview{width:100%}}@media (max-width:640px){.landing-nav{flex-direction:column;justify-content:center;align-items:flex-start;padding:14px 0}.landing-nav nav{width:100%}.landing-nav nav a,.landing-actions .button-link,.landing-actions button{flex:1}.landing-copy h1{font-size:42px}.preview-grid{grid-template-columns:1fr}.sdk-preview{grid-column:auto}.preview-topbar{flex-wrap:wrap}.auth-card{padding:20px}.segmented-field{grid-template-columns:1fr}}
.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:none;background:#fffffffa;position:sticky;top:0}.topbar-main{min-height:var(--topbar-height);align-items:center;gap:10px;padding:9px 14px;display:flex}.brand{flex:none;align-items:center;gap:0;min-width:0;display:flex}.brand-mark{width:32px;height:32px;color:var(--text);background:0 0;border:0;place-items:center;display:grid}.brand h1{white-space:nowrap;font-size:17px;font-weight:760;line-height:1.1}.toolbar,.action-cluster,.utility-icons,.panel-controls,.chart-actions,.icon-row{align-items:center;gap:9px;display:flex}.toolbar{flex:1}.topbar-controls{flex:0 auto;align-items:flex-end;min-width:0}.action-cluster{flex:auto;justify-content:flex-end;align-items:flex-end;min-width:0;overflow:hidden}.action-cluster .control.compact{flex:0 150px;min-width:118px;max-width:154px}.action-cluster .control.compact input,.action-cluster .control.compact select,.action-cluster .control.compact .select-trigger{width:100%}@media (min-width:1081px){.utility-icons{align-self:end}}.utility-icons{border-left:1px solid var(--line-soft);flex:none;gap:4px;margin-left:0;padding-left:6px}.control{color:var(--muted);gap:3px;font-size:11px;font-weight:650;display:grid}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.control input,.control select{width:170px;font-size:13px;font-weight:520}.custom-select-control{overflow-anchor:none;min-width:0;position:relative}.native-select-proxy{display:none!important}.custom-select{overflow-anchor:none;min-width:0;position:relative}.select-trigger{border-color:var(--line);background:var(--surface);width:170px;height:32px;min-height:32px;color:var(--text);text-align:left;justify-content:space-between;padding:6px 10px;font-size:13px;font-weight:520}.select-trigger:hover{background:#f8fafc;border-color:#c3d0dc}.select-trigger:focus{border-color:#1fb8777a;box-shadow:0 0 0 2px #1fb8771f}.select-trigger:disabled{cursor:not-allowed;opacity:.55}.select-trigger-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.select-trigger svg{color:#6a7684;flex:none}.select-menu{z-index:50;overscroll-behavior:contain;overflow-anchor:none;background:#fff;border:1px solid #c9d5df;border-radius:6px;gap:2px;width:max(100%,196px);max-height:280px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 16px 34px #17212b29}.select-menu.align-right{left:auto;right:0}.select-menu.open-up{top:auto;bottom:calc(100% + 6px)}.select-option{color:#263241;text-align:left;background:0 0;border-color:#0000;grid-template-columns:18px minmax(0,1fr);justify-content:start;gap:7px;width:100%;min-height:32px;padding:7px 9px;font-size:13px;font-weight:560;display:grid}.select-option:hover,.select-option:focus,.select-option.active{color:#0e6471;background:#eef7f8;border-color:#0000}.select-option.selected{color:#0a6270;background:#e5f2f4}.select-option span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.select-check{width:18px;color:var(--accent);align-items:center;display:inline-flex}.control.compact select,.control.compact input,.control.compact .select-trigger{width:154px}.topbar .control{gap:2px;font-size:10px;line-height:1}.topbar .control input,.topbar .control select,.topbar .select-trigger{height:32px;min-height:32px}.topbar-controls .control select,.topbar-controls .select-trigger{width:150px}.search-control{position:relative}.search-control span{align-items:center;gap:6px;display:flex}.search-control input{width:260px;padding-left:12px}.system-status{border:1px solid var(--line-soft);border-radius:var(--control-radius);height:32px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#fff;flex:none;align-items:center;gap:8px;max-width:136px;margin-left:0;padding:0 10px;font-size:11px;font-weight:650;display:inline-flex;overflow:hidden}.system-status span{background:#20a464;border-radius:50%;width:6px;height:6px}.system-status.error span{background:var(--coral)}.system-status.loading span{background:var(--blue)}.status-message{border:1px solid var(--line-soft);border-radius:var(--control-radius);width:auto;min-width:90px;max-width:260px;min-height:32px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:#fff;flex:0 210px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex;overflow:hidden}.status-message.error{color:var(--coral);background:#d84d4514;border-color:#d84d4552}.status-message.loading{color:var(--blue);background:#3b74d714;border-color:#3b74d747}.status-message svg{flex:none}.icon-button{border-radius:var(--control-radius);color:#394856;background:0 0;border-color:#0000;width:32px;min-width:32px;height:32px;padding:0}.topbar .icon-button{width:32px;min-width:32px;height:32px}.icon-button.framed{border-color:var(--line);background:var(--surface)}.icon-button:hover,.icon-button.framed:hover{color:var(--text);background:#f8fafc;border-color:#c3d0dc}.avatar{border:1px solid var(--line-soft);color:#596675;text-transform:uppercase;background:#f7f9fb;border-radius:5px;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:750;display:grid;overflow:hidden}.avatar-image{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:1360px){.topbar-controls .system-status{display:none}.topbar-main{gap:9px}.topbar-controls .control select,.topbar-controls .select-trigger{width:142px}.status-message{max-width:190px}}.compact-button{min-height:32px;padding:6px 10px}@media (max-width:1400px){.utility-icons{border-left:0;justify-content:flex-end;gap:4px;width:auto;padding-left:0}.utility-icons .icon-button{display:inline-flex}}.shell{--sidebar-width:56px;grid-template-columns:var(--sidebar-width) minmax(0, 1fr);gap:0;max-width:none;margin:0;padding:0;transition:grid-template-columns .16s;display:grid}.shell.nav-auto-open,.shell.nav-pinned{--sidebar-width:150px}.shell:has(.tabs:hover){--sidebar-width:150px}.shell:has(.tabs:focus-within){--sidebar-width:150px}.tabs{top:var(--topbar-height);z-index:12;height:calc(100vh - var(--topbar-height));max-height:calc(100vh - var(--topbar-height));min-height:calc(100vh - var(--topbar-height));border-right:1px solid var(--line);background:#fff;grid-template-rows:minmax(0,1fr) auto;align-content:start;align-self:start;gap:8px;padding:12px 7px 8px;display:grid;position:sticky;overflow:hidden}.tabs:after{display:none}.tab-scroll,.tab-group{gap:4px;display:grid}.tab-scroll{align-content:start;min-height:0;overflow:hidden auto}.tab-group{border-bottom:0;padding-bottom:10px}.tab-group+.tab-group{padding-top:6px}.tab-group:last-child{border-bottom:0}.tab-button{border-radius:var(--control-radius);color:#4d5a68;background:0 0;border:1px solid #0000;border-left-width:2px;justify-content:center;align-items:center;gap:0;width:100%;min-height:34px;padding:7px;font-size:12.5px;font-weight:650;text-decoration:none;display:inline-flex}.shell.nav-auto-open .tab-button,.shell.nav-pinned .tab-button{justify-content:flex-start;gap:8px;padding:7px 9px}.shell:has(.tabs:hover) .tab-button{justify-content:flex-start;gap:8px;padding:7px 9px}.shell:has(.tabs:focus-within) .tab-button{justify-content:flex-start;gap:8px;padding:7px 9px}.tab-button svg{color:#7a8794;flex:none}.tab-label{opacity:0;white-space:nowrap;max-width:0;transition:max-width .16s,opacity .12s;overflow:hidden}.shell.nav-auto-open .tab-label,.shell.nav-pinned .tab-label{opacity:1;max-width:120px}.shell:has(.tabs:hover) .tab-label{opacity:1;max-width:120px}.shell:has(.tabs:focus-within) .tab-label{opacity:1;max-width:120px}.tab-button:hover{color:#273340;background:#fff;border-color:#dce3ea}.tab-button.active{border-left-color:var(--accent);border-top-color:var(--line-soft);border-right-color:var(--line-soft);border-bottom-color:var(--line-soft);box-shadow:none;color:var(--accent-strong);background:#fff}.tab-button.active svg{color:var(--accent)}.nav-footer{border-top:1px solid var(--line);align-self:stretch;width:100%;padding-top:8px;display:grid}.nav-pin-button{width:100%}.shell.nav-auto-open .nav-pin-button,.shell.nav-pinned .nav-pin-button{justify-content:flex-start}.shell:has(.tabs:hover) .nav-pin-button{justify-content:flex-start}.shell:has(.tabs:focus-within) .nav-pin-button{justify-content:flex-start}.tab-pane{min-width:0;display:none}.tab-pane.active{--runs-filter-sticky-height:115px;overflow-anchor:none;padding:12px 12px 22px;display:block;overflow-x:clip}
.runs-commandbar{grid-template-columns:minmax(250px,320px) minmax(120px,150px) minmax(170px,210px) minmax(0,1fr) auto auto;align-items:end;gap:8px;min-height:34px;margin-bottom:12px;display:grid}.runs-commandbar .control{display:block}.runs-commandbar .command-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.runs-commandbar .control input,.runs-commandbar .control select,.runs-commandbar .select-trigger{height:34px}.runs-commandbar .search-control input,.command-select select,.command-select .select-trigger{width:100%}.command-spacer{min-width:0}.columns-menu{position:relative}.column-popover{z-index:8;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:8px;min-width:180px;padding:12px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 24px #17212b1f}.column-popover strong{color:#1a2632;font-size:12px}.column-popover label{color:#344251;align-items:center;gap:8px;font-size:12px;display:flex}.column-popover label input[type=search]{width:100%;min-width:0}.metric-filter-row.invalid input,.metric-filter-control.invalid input{background:#fff8f7;border-color:#e3a39e}.workspace-head{display:none}.runs-workspace-filter{top:var(--topbar-height);z-index:14;border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--shadow);scroll-margin-top:var(--topbar-height);gap:10px;margin-bottom:0;padding:10px;display:grid;position:sticky}.runs-workspace-filter .stat-grid{display:grid}.runs-workspace-filter .runs-commandbar{margin-bottom:0}.stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:9px 12px;display:flex}.stat span{color:var(--muted);font-size:11px;font-weight:700}.stat strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:18px}.workbench-grid{grid-template-columns:minmax(430px,.98fr) minmax(330px,.82fr) minmax(280px,.62fr);align-items:start;gap:12px;display:grid}.runs-workspace{min-height:calc(100vh - var(--topbar-height) - 132px);border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow-anchor:none;border-top:0;grid-template-columns:270px minmax(0,1fr);align-items:start;gap:0;display:grid;overflow:visible}.runs-workspace.drawer-open{grid-template-columns:270px minmax(0,1fr) 340px}.workspace-run-rail{top:calc(var(--topbar-height) + var(--runs-filter-sticky-height));z-index:7;min-width:0;height:min(720px, calc(100vh - var(--topbar-height) - var(--runs-filter-sticky-height) - 12px));border-right:1px solid var(--line);border-radius:var(--radius) 0 0 var(--radius);overflow-anchor:none;background:#fbfcfd;flex-direction:column;align-self:start;min-height:0;display:flex;position:sticky;overflow:hidden}.workspace-rail-head,.workspace-run-footer,.workspace-section-head,.workspace-panel-toolbar,.drawer-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.workspace-rail-head{border-bottom:1px solid var(--line-soft);min-height:54px;padding:10px 12px}.workspace-rail-select-all{cursor:pointer;align-items:center;gap:10px;min-width:0;display:inline-flex}.workspace-rail-select-all input[type=checkbox]{cursor:pointer;flex-shrink:0;width:16px;height:16px;margin:0}.workspace-rail-select-all input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.workspace-rail-select-banner{background:var(--surface-muted,#f5f7fa);border-bottom:1px solid var(--line-soft);color:var(--text-muted,#4a5568);flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;font-size:12px;line-height:1.4;display:flex}.workspace-rail-select-banner .link-button{color:var(--accent,#1462a8);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.workspace-rail-select-banner .link-button:disabled{cursor:progress;opacity:.6}.runs-workspace.run-rail-collapsed .workspace-rail-select-all{flex-direction:column;gap:6px}.runs-workspace.run-rail-collapsed .workspace-rail-select-banner{display:none}.workspace-rail-actions,.fullscreen-nav-actions{align-items:center;gap:4px;display:inline-flex}.fullscreen-nav-actions{gap:8px}.fullscreen-nav-actions .icon-button{width:38px;min-width:38px;height:38px}.runs-workspace.run-rail-collapsed{grid-template-columns:54px minmax(0,1fr)}.runs-workspace.run-rail-collapsed.drawer-open{grid-template-columns:54px minmax(0,1fr) 340px}.runs-workspace.run-rail-collapsed .workspace-run-rail{overflow:hidden}.runs-workspace.run-rail-collapsed .workspace-rail-head{justify-items:center;gap:8px;padding:10px 6px;display:grid}.runs-workspace.run-rail-collapsed .workspace-rail-head h2{writing-mode:vertical-rl;white-space:nowrap;transform:rotate(180deg)}.runs-workspace.run-rail-collapsed .workspace-rail-head h2 span{display:inline}.runs-workspace.run-rail-collapsed .workspace-rail-actions{gap:4px;display:grid}.runs-workspace.run-rail-collapsed .workspace-run-list,.runs-workspace.run-rail-collapsed .workspace-run-footer{display:none}.workspace-rail-head h2,.drawer-head h2{color:var(--text);font-size:14px;font-weight:760}.workspace-rail-head h2 span{color:var(--muted);font-weight:650}.workspace-run-list{flex:auto;grid-auto-rows:minmax(48px,max-content);align-content:start;gap:2px;min-height:0;padding:6px;display:grid;overflow:hidden auto}.workspace-run-row{border-radius:var(--control-radius);width:auto;min-width:0;min-height:86px;color:var(--text);text-align:left;white-space:normal;background:0 0;border:1px solid #0000;border-left-width:2px;grid-template-columns:25px minmax(0,1fr);justify-content:stretch;align-items:start;gap:8px;padding:8px;font-weight:680;display:grid}.workspace-run-row:hover{background:#f6fafb}.workspace-run-row.selected{border-color:#1fb87724;border-left-color:var(--accent);background:#1fb8770e}.workspace-run-row.selected+.workspace-run-row.selected{border-top-color:#0000}.workspace-run-tags{align-items:center;gap:4px;min-width:0;display:flex}.workspace-run-tags b,.workspace-run-tags em{border:1px solid var(--line-soft);max-width:72px;color:var(--accent-strong);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:2px 5px;font-size:10px;font-style:normal;font-weight:760;line-height:1.1;overflow:hidden}.workspace-run-note{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.workspace-eye{place-items:center;width:22px;min-width:22px;height:22px;margin-top:8px;display:grid;position:relative}.workspace-eye span{border:1.5px solid var(--blue);background:#fff;border-radius:999px;width:14px;height:14px}.workspace-run-row.selected .workspace-eye span{background:radial-gradient(circle at center, var(--blue) 0 34%, #fff 38% 55%, var(--blue) 59% 100%)}.workspace-run-main{min-width:0;min-height:32px;color:var(--text);font-weight:inherit;text-align:left;white-space:normal;background:0 0;border:0;border-radius:0;grid-template-columns:10px minmax(0,1fr);justify-content:stretch;align-items:start;gap:8px;padding:0;display:grid}.workspace-run-main:hover{color:var(--text);background:0 0;border-color:#0000}.workspace-run-main>span{gap:3px;min-width:0;display:grid}.workspace-run-main strong,.workspace-run-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-run-main strong{font-size:12.25px;line-height:1.15}.workspace-run-main small{color:var(--muted);font-size:11px;line-height:1.25}.workspace-run-footer{border-top:1px solid var(--line-soft);overflow-anchor:none;min-height:52px;color:var(--muted);grid-template-columns:auto minmax(0,1fr) 30px 30px;padding:7px 8px;font-size:12px;display:grid}.workspace-run-footer strong{min-width:0;color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:680;overflow:hidden}.workspace-run-footer .table-footer-select{min-width:78px}.workspace-run-footer .table-footer-select .select-trigger{width:54px;height:30px;min-height:30px;padding:4px 7px;font-size:12px}.workspace-run-footer .icon-button{width:30px;min-width:30px;height:30px}.rotate-90{transform:rotate(90deg)}.rotate-neg-90{transform:rotate(-90deg)}.workspace-canvas{z-index:1;overflow-anchor:none;background:#f8fafb;min-width:0;position:relative}.workspace-panel-toolbar{top:calc(var(--topbar-height) + var(--runs-filter-sticky-height));z-index:10;scroll-margin-top:calc(var(--topbar-height) + 170px);border-bottom:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;flex-wrap:wrap;min-height:56px;padding:10px 14px;position:sticky}.workspace-panel-search{flex:260px;min-width:min(100%,220px)}.workspace-panel-search span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.workspace-panel-search input{width:100%;height:34px;min-height:34px}.workspace-panel-toolbar button,.workspace-panel-toolbar .select-trigger{height:34px;min-height:34px;scroll-margin-top:calc(var(--topbar-height) + 170px)}.workspace-panel-toolbar .custom-select-control{align-self:center;display:block}.workspace-mode-select .select-trigger{width:128px}
.workspace-sections{gap:0;display:grid}.workspace-section{border-bottom:1px solid var(--line);background:var(--surface);scroll-margin-top:calc(var(--topbar-height) + var(--runs-filter-sticky-height) + 74px);content-visibility:auto;contain-intrinsic-size:auto 620px}.workspace-section.collapsed .section-title-button svg{transform:rotate(-90deg)}.workspace-section-head{min-height:54px;padding:10px 14px}.section-title-button{color:var(--text);background:0 0;border:0;justify-content:flex-start;padding:0;font-size:14px}.section-title-button:hover{color:var(--text);background:0 0;border-color:#0000}.section-title-button span{background:var(--surface-soft);min-width:24px;color:var(--muted);text-align:center;border-radius:999px;padding:2px 8px;font-size:12px}.section-actions{align-items:center;gap:6px;display:flex}.workspace-panel-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;overflow-anchor:none;grid-auto-rows:minmax(78px,auto);align-items:stretch;gap:14px;padding:0 14px 16px;display:grid}.workspace-panel-card{grid-template-rows:auto auto minmax(0,1fr);grid-column:span var(--panel-grid-span,6);grid-row:span var(--panel-row-span,4);min-width:0;min-height:var(--panel-min-height,312px);border:1px solid var(--line);border-radius:var(--control-radius);background:var(--chart-card-bg);overflow-anchor:none;scroll-margin-top:calc(var(--topbar-height) + var(--runs-filter-sticky-height) + 74px);display:grid;position:relative;overflow:hidden}.workspace-panel-head{justify-content:space-between;align-items:flex-start;gap:10px;min-height:56px;padding:12px 12px 6px;display:flex}.workspace-panel-head>div:first-child{min-width:0}.workspace-panel-head h3{min-width:0;color:var(--text);align-items:center;gap:5px;font-size:14px;font-weight:760;line-height:1.2;display:flex}.panel-title-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.panel-drag-handle{border-radius:var(--tight-radius);width:20px;min-width:20px;height:20px;color:var(--faint);cursor:grab;justify-content:center;align-items:center;margin-left:-4px;display:inline-flex}.panel-drag-handle:hover{background:var(--surface-soft);color:var(--accent-strong)}.panel-drag-handle[draggable=false]{cursor:not-allowed;opacity:.46}.workspace-panel-head small{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:320px;line-height:1.25;display:block;overflow:hidden}.panel-card-actions{opacity:.68;flex:none;gap:2px;transition:opacity .12s;display:flex}.workspace-panel-card:hover .panel-card-actions,.workspace-panel-card:focus-within .panel-card-actions{opacity:1}.workspace-panel-meta{flex-wrap:wrap;gap:6px;padding:0 12px 6px;display:flex}.workspace-panel-meta span{border:1px solid var(--line-soft);border-radius:var(--tight-radius);background:var(--surface-soft);color:var(--muted);padding:2px 6px;font-size:10.5px;font-weight:650}.workspace-panel-meta .panel-data-gap{color:#9a5d17;background:#f4a2611a;border-color:#f4a26161}.workspace-panel-card .chart-area{min-height:var(--panel-chart-min-height,216px);padding:4px 12px 12px}.workspace-panel-card .metric-chart{aspect-ratio:560/360}.workspace-panel-card:not(.fullscreen-panel-card) .axis-label{opacity:.86;font-size:9px}.workspace-panel-card:not(.fullscreen-panel-card) .tick-label{font-size:9px}.workspace-panel-card .chart-range-row{display:none}.workspace-panel-card .chart-range{height:34px}.workspace-panel-card .chart-legend{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:6px}.alt-panel-chart svg{aspect-ratio:560/360;width:100%;min-height:180px}.alt-panel-chart .axis-line{stroke:var(--line);stroke-width:1px}.alt-panel-chart .axis-label{fill:var(--muted);font:700 10px/1 var(--font-mono)}.alt-panel-chart .tick-label{fill:var(--muted);font:700 9px/1 var(--font-mono)}.alt-panel-chart .grid-line.vertical{opacity:.32}.summary-bar,.histogram-bar,.summary-dot{fill:var(--accent)}.histogram-bar{opacity:.74}.summary-dot{stroke:var(--surface);stroke-width:1.5px}.workspace-panel-card .legend-chip{min-height:24px;padding:4px 7px}.panel-resize-handle{border-radius:8px 0 var(--control-radius) 0;width:36px;min-width:36px;height:36px;min-height:36px;box-shadow:none;color:var(--faint);cursor:nwse-resize;background:0 0;border:0;padding:0;position:absolute;bottom:-2px;right:-2px}.panel-resize-handle:before,.panel-resize-handle:after{content:"";transform-origin:100%;background:currentColor;width:14px;height:2px;position:absolute;bottom:8px;right:9px;transform:rotate(-45deg)}.panel-resize-handle:after{width:8px;bottom:15px;right:9px}.panel-resize-handle:hover,.panel-resize-handle:focus-visible{color:var(--accent-strong);box-shadow:none;background:#1fb87714;border-color:#0000;outline:0}.workspace-panel-grid>.empty{grid-column:1/-1}.workspace-unsectioned-drop-zone{border:1px dashed var(--line);border-radius:var(--control-radius);min-height:46px;color:var(--muted);opacity:.62;place-items:center;margin:0 14px 16px;font-size:12px;transition:border-color .12s,background .12s,color .12s,opacity .12s;display:grid}.workspace-unsectioned-drop-zone.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);opacity:1}.workspace-chart-loading{align-content:center;gap:12px;min-height:230px;display:grid}.chart-loading-frame{border:1px solid var(--line-soft);border-radius:var(--control-radius);background:linear-gradient(180deg, transparent, var(--surface-soft));grid-template-columns:repeat(3,1fr);align-items:end;gap:10px;height:150px;padding:16px;display:grid}.chart-loading-frame span{border-radius:var(--tight-radius);background:var(--line-soft);height:58%;display:block}.chart-loading-frame span:nth-child(2){height:82%}.chart-loading-frame span:nth-child(3){height:42%}.workspace-empty{grid-column:1/-1;min-height:160px}.workspace-search-note{padding:10px 14px 16px}.workspace-add-section{justify-content:flex-end;padding:16px 18px 28px;display:flex}.panel-drawer{top:var(--topbar-height);z-index:8;height:calc(100vh - var(--topbar-height));border-left:1px solid var(--line);background:var(--surface);align-content:start;gap:14px;padding:14px;display:grid;position:sticky;overflow:auto}.edit-drawer{top:calc(var(--topbar-height) + 14px);z-index:18;border:1px solid var(--line);border-radius:var(--radius);width:min(410px,100vw - 36px);height:auto;position:fixed;bottom:18px;right:18px;box-shadow:0 24px 70px #18222d33}.drawer-head{border-bottom:1px solid var(--line-soft);min-height:40px;margin:0;padding:0 0 12px}.workspace-modal-card>.drawer-head,.command-card>.drawer-head{padding:12px 14px}.quick-add-card,.drawer-metric-row{border-color:var(--line-soft);background:var(--surface-soft);width:100%;color:var(--text);text-align:left;justify-content:flex-start}.quick-add-card{grid-template-columns:38px minmax(0,1fr);gap:0 10px;min-height:64px;padding:12px;display:grid}.quick-add-card span{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:999px;grid-row:1/span 2;place-items:center;display:grid}.quick-add-card small,.drawer-metric-row small{color:var(--muted);font-weight:500}.chart-type-segment{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.chart-type-segment button{border:1px solid var(--line-soft);background:var(--surface-soft);min-width:0;min-height:34px;color:var(--muted);font-size:12px;font-weight:800}.chart-type-segment button.active{background:var(--accent-soft);color:var(--accent);border-color:#12a06973}.drawer-group{gap:8px;display:grid}.drawer-group h3{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.drawer-metric-row{grid-template-columns:22px minmax(0,1fr);min-height:52px;padding:10px;display:grid}.drawer-metric-row span{gap:2px;display:grid}.drawer-tabs{border-bottom:1px solid var(--line-soft);color:var(--muted);gap:18px;padding-bottom:8px;display:flex}.drawer-tabs strong{color:var(--text);box-shadow:0 2px 0 var(--accent)}.control.full,.edit-drawer .custom-select-control{gap:6px;width:100%;display:grid}.control.full input,.control.full select,.control.full .select-trigger,.edit-drawer .select-trigger{width:100%}.drawer-toggle{border-top:1px solid var(--line-soft);justify-content:space-between;padding-top:10px}.workspace-modal{z-index:40;background:#090e147a;place-items:center;padding:26px;display:grid;position:fixed;inset:0}.workspace-modal-card{border-radius:var(--radius);background:var(--surface);width:min(1120px,96vw);max-height:92vh;box-shadow:var(--shadow-pop);overflow:auto}.fullscreen-modal{place-items:stretch stretch;padding:18px}.fullscreen-modal-card{grid-template-rows:auto minmax(0,1fr);justify-self:center;width:min(1180px,100vw - 36px);height:calc(100vh - 36px);max-height:calc(100vh - 36px);display:grid;overflow:hidden}.fullscreen-modal-card>.drawer-head{border-bottom:1px solid var(--line);min-height:64px;padding:14px 18px}.fullscreen-title-block{min-width:0}.fullscreen-title-block h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fullscreen-title-block span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;font-weight:680;display:block;overflow:hidden}.command-modal{padding-top:max(30px, calc(var(--topbar-height) + 24px));align-items:start}.command-card{width:min(720px,100vw - 32px);max-height:min(760px, calc(100vh - var(--topbar-height) - 48px));border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-pop);overflow:auto}.command-card .drawer-head{margin:0}.command-card .drawer-head div{gap:3px;display:grid}.command-card .drawer-head small{color:var(--muted);font-size:12px}.shortcut-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px;display:grid}.shortcut-group{align-content:start;gap:7px;min-width:0;display:grid}.shortcut-group h3{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.shortcut-row{border:1px solid var(--line-soft);border-radius:var(--control-radius);background:var(--surface-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:42px;padding:8px 10px;display:grid}.shortcut-row.disabled{opacity:.52}.shortcut-row span{gap:2px;min-width:0;display:grid}.shortcut-row strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.shortcut-row small{color:var(--muted);font-size:11px}kbd{border:1px solid var(--line);background:var(--surface);min-height:24px;color:var(--muted);white-space:nowrap;border-bottom-width:2px;border-radius:4px;align-items:center;padding:2px 7px;font-size:11px;font-weight:750;display:inline-flex}.quick-search-card{width:min(760px,100vw - 32px)}.quick-search-input{border-bottom:1px solid var(--line);grid-template-columns:24px minmax(0,1fr) 32px;align-items:center;gap:8px;padding:12px;display:grid}.quick-search-input input{height:42px;min-height:42px;box-shadow:none;background:0 0;border:0;font-size:17px}.quick-search-input input:focus{box-shadow:none;border-color:#0000}.quick-search-results{gap:4px;max-height:520px;padding:8px;display:grid;overflow:auto}.quick-search-row{width:100%;min-height:52px;color:var(--text);text-align:left;background:0 0;border-color:#0000;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;padding:8px 10px;display:grid}.quick-search-row:hover,.quick-search-row.active{background:var(--surface-tint);color:var(--text);border-color:#1fb8773d}.quick-search-row span{gap:2px;min-width:0;display:grid}.quick-search-row strong,.quick-search-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quick-search-row strong{font-size:13px}.quick-search-row small,.quick-search-row em{color:var(--muted);font-size:11px;font-style:normal;font-weight:650}.fullscreen-panel-card{background:0 0;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr);min-height:0;padding:16px 18px 18px;display:grid}.fullscreen-panel-card .workspace-panel-head{display:none}.fullscreen-panel-card .workspace-panel-meta{justify-content:center;padding:0 0 12px}.fullscreen-panel-card .chart-area{grid-template-rows:auto minmax(0,1fr) auto;align-content:start;gap:10px;min-height:0;padding:0;display:grid;overflow:hidden}.fullscreen-panel-card .chart-legend{grid-template-columns:repeat(4,minmax(0,1fr));justify-self:center;width:min(100%,1120px);margin-bottom:0}.fullscreen-panel-card .metric-chart{aspect-ratio:920/430;justify-self:center;width:min(100%,1120px);height:auto;min-height:0;max-height:clamp(360px,100vh - 238px,72vh)}
.fullscreen-panel-card .metric-chart-frame{place-self:center;width:auto;max-width:min(100%,1120px);height:100%;min-height:0}.fullscreen-panel-card .axis-label,.fullscreen-panel-card .tick-label{font-size:10px}.fullscreen-panel-card .chart-range-row{width:min(100%,1120px);margin:10px auto 0;display:flex}.analysis-page{gap:12px;min-width:0;display:grid}.analysis-header{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.analysis-title-block{gap:4px;min-width:0;display:grid}.analysis-eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:10.5px;font-weight:800}.analysis-title-block h2,.run-detail-title h2{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:820;overflow:hidden}.analysis-title-block p,.run-detail-title p,.run-detail-note{color:var(--muted);margin:0;font-size:12px;font-weight:680}.analysis-stat-strip{grid-auto-columns:minmax(118px,1fr);grid-auto-flow:column;gap:8px;min-width:0;display:grid}.analysis-stat{border:1px solid var(--line-soft);border-radius:var(--control-radius);background:var(--surface-soft);gap:5px;min-width:0;padding:9px 11px;display:grid}.analysis-stat span{color:var(--muted);text-transform:uppercase;font-size:10.5px;font-weight:780}.analysis-stat strong{min-width:0;color:var(--text);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.analysis-card,.analysis-page .panel,.analysis-page .chart-card{min-height:0}.analysis-toolbar{border-bottom:1px solid var(--line-soft);grid-template-columns:repeat(auto-fit,minmax(142px,1fr));align-items:end;gap:10px;min-width:0;padding:12px;display:grid}.analysis-toolbar .panel-controls{display:contents}.detail-toolbar{grid-template-columns:repeat(2,minmax(170px,220px));justify-content:start}.detail-toolbar .select-trigger{width:100%}.analysis-toolbar .control,.analysis-toolbar .custom-select-control{min-width:0}.metrics-grid,.detail-grid{gap:12px;display:grid}.metrics-grid{grid-template-columns:minmax(250px,.42fr) minmax(0,1fr) minmax(300px,.48fr)}.metrics-workbench{grid-template-columns:minmax(190px,.24fr) minmax(0,1fr) minmax(220px,.28fr);align-items:start;max-width:100%;overflow:hidden}.metrics-workbench>*,.metrics-chart-surface{min-width:0}.detail-grid{grid-template-columns:minmax(0,1fr) minmax(390px,.62fr);align-items:start}.detail-analysis .run-detail-chart{order:1}.detail-analysis .detail-dossier-card{order:2}.detail-artifact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tab-grid{gap:12px;display:grid}.tab-grid.two-col{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.chart-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.runs-panel,.chart-card,.inspector{min-height:calc(100vh - var(--topbar-height) - 24px)}.panel-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 12px;display:flex}.panel-head h2{color:#111922;align-items:center;gap:8px;font-size:14px;font-weight:760;display:inline-flex}.panel-head h2 span{color:var(--muted);font-weight:650}.panel-head .panel-controls{flex-wrap:wrap;flex:auto;justify-content:flex-end;min-width:0}.panel-body{padding:12px}.table-wrap{max-height:calc(100vh - var(--topbar-height) - 218px);overflow:auto}table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:960px;font-size:12px}th,td{border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:middle;padding:8px 9px}th{z-index:1;background:var(--surface);color:#687584;font-size:11px;font-weight:750;position:sticky;top:0}tr{height:56px}tbody tr:hover{background:#f7fbfc}tr.selected{background:#1fb87707;box-shadow:inset 2px 0 #1fb8777a}tr.inspected{box-shadow:inset 2px 0 0 var(--accent);background:#1fb8770b}tr.selected.inspected{background:#1fb8770e}.col-select{width:42px}.col-run{width:34%}.col-status{width:12%}.col-tags{width:13%}.col-notes{width:18%}.col-started{width:14%}.col-duration{width:8%}.col-latest{width:14%}.col-pinned{width:96px;min-width:96px}.row-check{cursor:pointer;place-items:center;width:34px;min-height:34px;display:grid}.run-name{gap:2px;min-width:0;display:grid}.run-name-button{min-width:0;max-width:100%;color:var(--accent-strong);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;justify-content:flex-start;justify-self:start;align-items:center;gap:7px;padding:0;font-size:12px;font-weight:760;line-height:1.2;display:inline-flex;overflow:hidden}.run-name-button:hover,.run-name-button:focus{box-shadow:none;color:#004f59;text-underline-offset:2px;background:0 0;border-color:#0000;text-decoration:underline}.run-name-button:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #1fb87738}.run-name-button svg{flex:none}.table-wrap .chips{flex-wrap:nowrap;max-width:126px;overflow:hidden}.table-wrap .chip{flex:none;max-width:58px;padding:2px 7px}.table-wrap .chip:nth-child(n+2){display:none}.note-preview{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:680;display:block;overflow:hidden}.subtle,small{color:var(--muted);font-size:11px}.pill{border-radius:var(--tight-radius);text-transform:capitalize;border:1px solid #0000;align-items:center;min-height:20px;padding:1px 7px;font-size:11px;font-weight:720;display:inline-flex}.pill.good{color:var(--green);background:#f2faf5;border-color:#bfe3cd}.pill.bad{color:var(--coral);background:#fff6f5;border-color:#f2c3bf}.pill.live{color:var(--blue);background:#f4f8ff;border-color:#c7d9f7}.chips{flex-wrap:wrap;gap:5px;max-width:230px;display:flex}.chip{border:1px solid var(--line);border-radius:var(--tight-radius);color:#495766;text-overflow:ellipsis;white-space:nowrap;background:#fff;max-width:150px;padding:2px 7px;font-size:11px;overflow:hidden}.table-footer{border-top:1px solid var(--line-soft);min-height:52px;color:var(--muted);justify-content:flex-end;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex}.table-footer strong{color:#4b5967;font-weight:650}.table-footer label{align-items:center;gap:7px;display:inline-flex}.table-footer-select{grid-auto-flow:column;align-items:center;gap:7px;display:inline-flex}.table-footer select{border:1px solid var(--line);border-radius:var(--control-radius);color:#344251;background:#fff;min-height:30px;padding:4px 8px;font-size:12px}.table-footer .select-trigger{color:#344251;width:60px;height:30px;min-height:30px;padding:4px 8px;font-size:12px}.table-empty{min-height:180px;color:var(--muted);text-align:center;place-items:center;gap:8px;display:grid}.table-empty strong{color:#1a2632;font-size:14px}.chart-card{position:relative}.chart-card>.panel-controls{border-bottom:1px solid var(--line-soft);background:var(--surface);flex-wrap:wrap;justify-content:flex-start;padding:8px 12px}.runs-chart-strip{border-bottom:1px solid var(--line-soft);align-items:center;gap:28px;min-height:42px;padding:7px 16px;display:flex}.smoothing-control{color:var(--muted);grid-template-columns:auto 130px auto;grid-auto-flow:column;align-items:center;gap:10px}.smoothing-control span,.toggle-control span{color:var(--muted);font-size:11px;font-weight:650}.smoothing-control strong{color:#4b5967;font-size:12px;font-weight:650}.smoothing-control input{width:132px}.toggle-control{align-items:center;gap:9px;display:inline-flex}.toggle-control input{appearance:none;cursor:pointer;background:#d3d9df;border:0;border-radius:999px;width:32px;height:18px;min-height:18px;position:relative}.toggle-control input:after{content:"";background:#fff;border-radius:999px;width:14px;height:14px;transition:transform .12s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #131d2738}.toggle-control input:checked{background:var(--accent)}.toggle-control input:checked:after{transform:translate(14px)}.chart-card>.panel-controls .control input,.chart-card>.panel-controls .control select,.chart-card>.panel-controls .select-trigger{width:116px}.chart-card>.panel-controls .metric-filter-control input{width:140px}.chart-card .panel-head .panel-controls .control input,.chart-card .panel-head .panel-controls .control select,.chart-card .panel-head .panel-controls .select-trigger{width:116px}.chart-card .panel-head .panel-controls .metric-filter-control input{width:140px}.pin-button.active{color:var(--blue);background:#f4f8ff;border-color:#c7d9f7}.chart-kind{border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);color:#344251;align-items:center;gap:7px;min-height:32px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.chart-area{min-width:0;min-height:0;padding:10px 16px 16px;display:grid;position:relative}.pinned-chart-grid{border-top:1px solid var(--line-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.metric-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fbfcfd;min-width:0;overflow:hidden}.metric-panel-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:8px 10px;display:flex}.metric-panel-head h3{color:#111922;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:760;overflow:hidden}.metric-panel .chart-area{padding:8px 10px 10px}.metric-panel .chart-legend,.metric-panel .chart-range,.metric-panel .chart-range-row{display:none}.metric-panel .metric-chart{aspect-ratio:560/360}.chart-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.legend-chip{border:1px solid var(--line);border-radius:var(--tight-radius);color:#344251;text-overflow:ellipsis;white-space:nowrap;background:#fff;align-items:center;gap:7px;min-width:0;min-height:27px;padding:5px 9px;font-size:11px;display:inline-flex;overflow:hidden}.legend-chip.legend-overflow{color:var(--muted);border-style:dashed;justify-content:center}.legend-dot{border-radius:50%;flex:none;width:8px;height:8px}.dot-0{background:#dc5b55}.dot-1{background:#5d89dd}.dot-2{background:var(--accent)}.dot-3{background:var(--warm)}.dot-4{background:#8b7cf6}.metric-chart{aspect-ratio:560/360;width:100%;height:auto;display:block}.metric-chart-frame{aspect-ratio:560/360;width:100%;position:relative;overflow:hidden}.metric-chart-frame .metric-chart{z-index:2;aspect-ratio:auto;width:100%;height:100%;position:relative}.metric-chart-canvas{z-index:1;object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.metric-chart-overlay{background:0 0}.axis,.grid-line{stroke:var(--chart-grid);stroke-width:1px}.grid-line{opacity:.78}.axis{stroke:var(--chart-axis)}.axis-label,.tick-label{fill:var(--muted);font-size:11px}.series{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25px;opacity:.92}.series-point{stroke:#fff;stroke-width:1px;opacity:.78;cursor:crosshair}.hover-ring{fill:none;stroke:#1e2a36;stroke-width:1.5px}.hover-guide{stroke:#9099a5;stroke-dasharray:4 4;stroke-width:1px}.series-0,.point-0{stroke:#dc5b55}.point-0{fill:#dc5b55}.series-1,.point-1{stroke:#5d89dd}.point-1{fill:#5d89dd}.series-2,.point-2{stroke:var(--accent)}.point-2{fill:var(--accent)}.series-3,.point-3{stroke:var(--warm)}.point-3{fill:var(--warm)}.series-4,.point-4{stroke:#8b7cf6}.point-4{fill:#8b7cf6}.chart-tooltip{z-index:3;border-radius:var(--control-radius);color:#fff;pointer-events:none;background:#10161df0;gap:7px;min-width:260px;padding:10px 12px;font-size:12px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px 24px #00000038}.chart-tooltip.edge-right{transform:translate(-96%,-50%)}.chart-tooltip.edge-left{transform:translateY(-50%)}.chart-tooltip span{color:#d8e0e7;white-space:nowrap;justify-content:space-between;align-items:center;gap:7px;display:inline-flex}.chart-tooltip span.active{color:#fff;font-weight:760}.chart-tooltip i{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.chart-tooltip b{color:#fff;font-variant-numeric:tabular-nums;margin-left:auto;font-weight:750}.workspace-panel-card .chart-tooltip{min-width:min(260px,100% - 24px);max-width:calc(100% - 24px)}.chart-range-row{align-items:stretch;gap:8px;min-width:0;margin:10px 0 0 48px;display:flex}.chart-range{border-radius:var(--tight-radius);background:#f3f7fa;border:1px solid #cbd6e1;flex:auto;min-width:0;height:46px;margin:0;position:relative;overflow:hidden}.chart-range svg{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.range-series{fill:none;opacity:.58;stroke-width:1.4px}.range-window{fill:#ffffff80;stroke:#8fa2b5;stroke-width:1px}.range-handle{stroke:#4f5d6b;stroke-width:3px}.chart-zoom-reset{border-color:var(--line);background:var(--surface);min-height:34px;color:var(--muted);flex:none;align-self:stretch;gap:6px;padding:0 10px;font-size:11px;font-weight:760}.readout,.detail-stack,.summary-list,.artifact-list,.side-by-side{gap:9px;display:grid}.side-by-side{scrollbar-gutter:stable;min-width:0;max-width:100%;padding-bottom:8px;overflow-x:auto}.compare-headline{align-items:flex-start}.compare-limit-note{max-width:none;color:var(--muted);text-align:left;grid-column:1/-1;font-size:11px;font-weight:680}.compare-toolbar{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(220px,1.4fr) repeat(7,minmax(118px,.72fr)) minmax(92px,.42fr);gap:10px;min-width:0;padding:12px;display:grid}.compare-toolbar .control{min-width:0}.compare-toolbar .select-trigger,.compare-toolbar .control input{width:100%}.compare-toolbar .checkbox-control{justify-self:stretch;width:100%}.compare-search-control input{width:100%}.compare-metric-strip{border-bottom:1px solid var(--line-soft);background:var(--surface-soft);flex-wrap:wrap;align-items:center;gap:8px;min-width:0;padding:9px 12px;display:flex}.compare-metric-strip>span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:780}.compare-metric-pill{border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);align-items:center;min-width:0;display:inline-flex;overflow:hidden}.compare-metric-pill.active{border-color:#1fb877b8;box-shadow:inset 0 0 0 1px #1fb87729}.compare-metric-pill button{min-height:30px;color:var(--text);box-shadow:none;font:inherit;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:760}.compare-metric-pill>button:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:190px;padding:6px 9px;overflow:hidden}.compare-metric-remove{place-items:center;width:28px;display:inline-grid;border-left:1px solid var(--line-soft)!important;color:var(--muted)!important}.compare-metadata-editor{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(210px,.28fr) minmax(0,1fr);gap:10px;min-width:0;padding:12px;display:grid}.compare-analysis-header{box-shadow:none;border-top:0;border-left:0;border-right:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.compare-annotation-details{border-top:1px solid var(--line-soft);background:var(--surface)}.compare-annotation-details>summary{color:var(--muted);cursor:pointer;grid-template-columns:minmax(0,1fr) minmax(160px,auto);align-items:center;gap:12px;padding:10px 12px;font-size:12px;font-weight:760;list-style:none;display:grid}.compare-annotation-details>summary::-webkit-details-marker{display:none}.compare-annotation-details>summary strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compare-annotation-details[open]>summary{border-bottom:1px solid var(--line-soft)}.compare-shell{min-width:0;max-width:100%;overflow:visible}.checkbox-control{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.search-scope-note{border-bottom:1px solid var(--line-soft);background:var(--surface-soft);padding:8px 12px;display:block}.compare-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.compare-summary>div{border:1px solid var(--line-soft);border-radius:var(--control-radius);background:var(--surface-soft);align-content:start;gap:4px;min-width:0;padding:10px;display:grid}.compare-summary small{color:var(--muted);text-transform:uppercase;font-size:10.5px;font-weight:780}.compare-summary strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.compare-summary span,.compare-summary li{color:var(--muted);font-size:11px;font-weight:680}.compare-summary ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.compare-summary li{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.compare-summary li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compare-summary li strong{color:var(--accent-strong);font-variant-numeric:tabular-nums}.metric-catalog,.leaderboard-list,.run-timeline,.metric-summary-table{gap:8px;display:grid}.metric-catalog-panel .panel-body{max-height:calc(100vh - var(--topbar-height) - 88px);overflow:auto}.metric-catalog-row{grid-template-columns:minmax(0,1fr) 30px;align-items:stretch;gap:6px;display:grid}.metric-catalog-main{border-color:var(--line-soft);background:var(--surface-soft);min-height:52px;color:var(--text);text-align:left;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;gap:8px;padding:8px;display:grid}.metric-catalog-main span,.leaderboard-row span,.run-timeline-row span{gap:2px;min-width:0;display:grid}.metric-catalog-main strong,.leaderboard-row strong,.run-timeline-row strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.metric-catalog-main small,.leaderboard-row small,.run-timeline-row small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.metric-catalog-main b,.leaderboard-row b,.run-timeline-row b{color:var(--text);font-variant-numeric:tabular-nums;align-self:center;font-size:12px}.metric-catalog-row.active .metric-catalog-main{background:var(--surface-tint);border-color:#1fb8775c}.metric-pin{border-color:var(--line-soft);background:var(--surface);width:30px;min-width:30px;height:auto;min-height:52px}.metric-pin.active{color:var(--blue);background:#f4f8ff;border-color:#c7d9f7}.leaderboard-row,.run-timeline-row{border:1px solid var(--line-soft);border-radius:var(--control-radius);background:var(--surface-soft);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;display:grid}.run-timeline-row{grid-template-columns:12px minmax(0,1fr) auto}.rank{background:var(--accent-soft);width:22px;height:22px;color:var(--accent-strong);border-radius:999px;place-items:center;font-size:11px;font-weight:760;display:grid}.subsection-title{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:760}.readout-card,.detail-row,.artifact-card,.summary-row,.side-row{border:1px solid var(--line-soft);border-radius:var(--control-radius);background:var(--surface-soft);padding:10px}.readout-card{gap:5px;display:grid}.readout-card strong{color:#0e7380;font-variant-numeric:tabular-nums;font-size:19px}.summary-row,.detail-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.failure-card{border:1px solid #f2b9b4;border-left:3px solid var(--coral);border-radius:var(--control-radius);background:#fff6f5;gap:8px;padding:10px;display:grid}.failure-card>strong{color:#9f2f28;font-size:13px}.failure-card div{color:var(--muted);justify-content:space-between;gap:10px;font-size:12px;display:flex}.failure-card b{color:#4a1f1d;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.detail-row span,.summary-row span{color:var(--muted)}
.detail-row strong,.summary-row strong{text-align:right}.run-metadata-editor{border:1px solid var(--line-soft);border-radius:var(--control-radius);background:var(--surface-soft);gap:10px;padding:10px;display:grid}.run-metadata-editor.compact{padding:8px}.run-metadata-head,.metadata-actions{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.run-metadata-head>span{gap:2px;min-width:0;display:grid}.run-metadata-head strong{color:var(--text);font-size:13px}.run-metadata-head small,.metadata-read p,.form-error{color:var(--muted);font-size:11px;font-weight:680}.metadata-read{gap:7px;min-width:0;display:grid}.metadata-read p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.metadata-edit-grid{gap:8px;display:grid}.metadata-edit-grid textarea{resize:vertical;min-height:74px}.metadata-edit-grid .tag-textarea{min-height:62px}.metadata-edit-grid .notes-control,.metadata-edit-grid .form-error{grid-column:1/-1}.metadata-tag-preview{border:1px solid var(--line-soft);border-radius:var(--control-radius);background:var(--surface);flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:5px;min-width:0;min-height:62px;padding:7px;display:flex}.run-metadata-editor.compact .metadata-edit-grid{grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr);align-items:end}.run-metadata-editor.compact .notes-control,.run-metadata-editor.compact .form-error{grid-column:1/-1}.form-error{color:var(--coral)}.run-detail-hero{border:1px solid var(--line-soft);border-radius:var(--control-radius);background:var(--surface-soft);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0;padding:12px;display:grid}.detail-dossier-card .run-detail-hero{grid-template-columns:1fr}.run-detail-title{gap:4px;min-width:0;display:grid}.run-detail-badges{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;min-width:0;display:flex}.run-detail-note{border:1px solid var(--line-soft);border-radius:var(--control-radius);background:var(--surface-soft);padding:10px 12px}.detail-body-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.45fr);align-items:start;gap:12px;min-width:0;display:grid}.detail-main-column,.detail-side-rail{gap:12px;min-width:0;display:grid}.detail-row.highlight{background:var(--surface-tint);border-color:#1fb87752}.raw-detail summary{color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:760;display:flex}.raw-detail pre{margin-top:8px}.run-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.run-kpi-grid .metric-card{min-height:74px}.run-kpi-grid .metric-card strong{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;font-size:clamp(15px,1.8vw,19px);overflow:visible}.workspace-summary-selection{border:1px solid var(--line-soft);border-radius:var(--control-radius);background:var(--surface-soft);min-width:0;color:var(--muted);align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:720;display:flex}.workspace-summary-selection span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.workspace-summary-selection strong{color:var(--text);text-transform:uppercase;margin-left:auto;font-size:11px;font-weight:780}.run-timeline .timeline-dot{background:var(--faint);border-radius:50%;width:9px;height:9px}.run-timeline .timeline-dot.good{background:var(--green)}.run-timeline .timeline-dot.bad{background:var(--coral)}.run-timeline .timeline-dot.live{background:var(--blue)}.metric-summary-table{border:1px solid var(--line-soft);border-radius:var(--control-radius);overflow:auto}.metric-summary-row{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(130px,1fr) repeat(4,minmax(64px,auto));align-items:center;gap:8px;min-width:520px;padding:8px 10px;font-size:12px;display:grid}.metric-summary-row:last-child{border-bottom:0}.metric-summary-row span{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.metric-summary-row strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metric-summary-head{background:var(--surface-soft);color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:760}.compact-empty{min-height:88px}.inspector .panel-body{max-height:calc(100vh - var(--topbar-height) - 80px);overflow:auto}.inspector-head h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.detail-section{border-top:1px solid var(--line-soft);gap:7px;padding-top:12px;display:grid}.detail-section h3{color:#273542;align-items:center;gap:8px;font-size:13px;font-weight:760;display:flex}.chart-selection-list{flex-wrap:wrap;gap:6px;display:flex}.chart-selection-list span,.chart-selection-list em{border:1px solid var(--line);border-radius:var(--tight-radius);background:var(--surface-muted);min-width:0;max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding:4px 8px;font-size:11px;font-style:normal;font-weight:760;overflow:hidden}.chart-selection-list span.active{color:var(--blue);background:#3693eb1a;border-color:#3693eb6b}pre{border:1px solid var(--line);border-radius:var(--control-radius);color:#223142;white-space:pre-wrap;background:#fbfcfd;max-height:230px;margin:0;padding:10px;font-size:11px;line-height:1.55;overflow:hidden auto}.inspector .detail-stack{gap:8px}.inspector .detail-row{background:0 0;border:0;border-radius:0;min-height:28px;padding:3px 0}.inspector .detail-row span{font-size:12px}.inspector .detail-row strong{color:#273542;text-overflow:ellipsis;white-space:nowrap;max-width:62%;font-size:12px;overflow:hidden}.inspector .detail-row .pill{font-size:10px}.inspector pre{background:#fbfcfd;font-size:11px}.inspector .artifact-mini{background:#fff;min-height:30px;padding:6px 8px}.artifact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.detail-side-grid{gap:12px;min-width:0;display:grid}.run-detail-chart{min-height:auto}.run-detail-chart .metric-chart{aspect-ratio:560/360}.run-detail-chart .chart-legend{grid-template-columns:1fr}.run-detail-chart .chart-range,.run-detail-chart .chart-range-row{display:none}.artifact-list{max-height:460px;overflow:auto}.artifact-card{gap:5px;display:grid}.artifact-actions{justify-content:space-between;align-items:center;gap:8px;padding-top:4px;display:flex}.artifact-actions span{color:var(--muted);font-size:11px}.artifact-card strong,.artifact-mini span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.artifact-mini{border:1px solid var(--line-soft);border-radius:var(--control-radius);background:#fff;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:7px 8px;font-size:12px;display:grid}.checkpoint-list{gap:8px;display:grid}.checkpoint-row{border:1px solid var(--line-soft);border-radius:var(--control-radius);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.checkpoint-main{gap:3px;min-width:0;display:grid}.checkpoint-main strong,.checkpoint-main small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.checkpoint-main strong{color:var(--text);font-size:12px}.checkpoint-main small{color:var(--muted);font-size:11px}.checkpoint-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.empty{border-radius:var(--radius);min-height:140px;color:var(--muted);text-align:center;border:1px dashed #cbd6e1;place-items:center;padding:16px;display:grid}.panel-drawer .empty{min-height:96px;font-size:13px;line-height:1.35}.side-row{grid-template-columns:minmax(180px,.8fr) minmax(0,2fr);gap:12px;display:grid}.side-row.changed strong{color:var(--accent)}.side-values{flex-wrap:wrap;gap:6px;display:flex}.side-values span{border:1px solid var(--line);border-radius:var(--tight-radius);color:#344251;text-overflow:ellipsis;white-space:nowrap;background:#fff;max-width:260px;padding:4px 7px;overflow:hidden}.compare-matrix{border:1px solid var(--line-soft);border-radius:var(--radius);width:max-content;min-width:100%;display:grid;overflow:auto}.compare-row-fragment{display:contents}.compare-head,.compare-attribute,.compare-cell{border-bottom:1px solid var(--line-soft);border-right:1px solid var(--line-soft);background:#fff;min-width:0;padding:9px 10px}.compare-head{z-index:2;color:#4b5967;background:#fbfcfd;gap:2px;font-size:11px;font-weight:760;display:grid;position:sticky;top:0;overflow:hidden}.compare-head.reference,.compare-run-identity.reference{box-shadow:inset 3px 0 0 var(--accent)}.compare-head-meta{align-items:center;gap:6px;min-width:0;display:flex}.compare-head span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compare-head small{color:var(--accent-strong);text-transform:uppercase;font-size:10px;font-weight:760}.compare-head-note{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--muted)!important;text-transform:none!important}.compare-tag-list{align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.compare-tag-list .chip{text-overflow:ellipsis;white-space:nowrap;max-width:76px;padding:2px 6px;overflow:hidden}.compare-more,.compare-empty{color:var(--muted);font-size:11px;font-weight:700}.compare-attribute{z-index:1;background:#fbfcfd;gap:2px;display:grid;position:sticky;left:0}.compare-head.compare-attribute{z-index:3}.compare-attribute small{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:760}.compare-attribute strong{color:#1f2f3f;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.compare-attribute.changed strong{color:var(--accent-strong)}.compare-cell{color:#344251;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex;overflow:hidden}.compare-cell span{text-overflow:ellipsis;overflow:hidden}.compare-cell small{color:#5b6875;flex:none;font-size:11px;font-weight:760}.compare-cell small.positive{color:var(--green)}.compare-cell small.negative{color:var(--coral)}.compare-cell.changed{color:#0c6570;background:#eef9fb;font-weight:700}
.compare-artifact-strip{grid-auto-columns:minmax(190px,1fr);grid-auto-flow:column;gap:10px;min-width:0;max-width:100%;padding-bottom:2px;display:grid;overflow-x:auto}.compare-artifact-card{border:1px solid var(--line-soft);border-radius:var(--control-radius);background:var(--surface-soft);gap:8px;padding:10px;display:grid}.compare-artifact-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.compare-artifact-head strong,.compare-artifact-item span{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.compare-artifact-head span,.compare-artifact-item small,.artifact-media-fallback{color:var(--muted);font-size:11px;font-weight:680}.compare-artifact-items,.compare-artifact-item{gap:5px;min-width:0;display:grid}.artifact-media{object-fit:contain;border:1px solid var(--line-soft);border-radius:var(--control-radius);background:#050a12;width:100%;max-height:132px}.artifact-image{min-height:96px;display:block}.compare-run-layout{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);min-width:0;max-width:100%;overflow:auto}.compare-run-table{width:max-content;min-width:100%;display:grid}.compare-run-line{display:contents}.compare-row-head,.compare-run-cell,.compare-run-identity{border-bottom:1px solid var(--line-soft);border-right:1px solid var(--line-soft);background:var(--surface);min-width:0;padding:9px 10px}.compare-row-head{z-index:3;background:var(--surface-soft);color:var(--muted);text-transform:uppercase;align-content:center;gap:2px;font-size:11px;font-weight:780;line-height:1.25;display:grid;position:sticky;top:0}button.compare-row-head{appearance:none;box-shadow:none;text-align:left;cursor:pointer;font:inherit;border-radius:0;margin:0}button.compare-row-head:hover,button.compare-row-head.active{color:var(--accent-strong);background:#eef7ff}.compare-row-head small{min-width:0;color:inherit;opacity:.76;text-overflow:ellipsis;text-transform:none;white-space:nowrap;font-size:10px;font-weight:720;overflow:hidden}.compare-run-identity{background:var(--surface-soft);gap:5px;display:grid}.compare-run-identity strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compare-run-cell{text-overflow:ellipsis;overflow:hidden}.compare-run-identity strong{color:var(--text);font-size:12.5px}.compare-run-identity small,.compare-note{color:var(--muted);font-size:11px;font-weight:680}.compare-run-cell{color:var(--text);font-size:12px}.compare-run-meta-line{align-items:center;gap:6px;min-width:0;display:flex}.compare-reference-badge{color:var(--accent-strong);text-transform:uppercase}.compare-signal-cell,.compare-annotations{align-content:center;gap:5px;min-width:0;display:grid}.compare-signal-cell strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:13px}.compare-metric-cell.primary{box-shadow:inset 2px 0 #1fb877b8}.compare-signal-cell small,.compare-annotations small,.compare-evidence-note{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:680;overflow:hidden}.compare-annotations .compare-tag-list{flex-wrap:nowrap;overflow:hidden}.compare-artifact-count{color:var(--accent-strong);font-variant-numeric:tabular-nums;font-weight:780}.compare-run-cell.changed{color:var(--accent-strong);background:#eef9fb;font-weight:760}.sticky-run-cell{z-index:4;position:sticky;left:0}.compare-row-head.sticky-run-cell{z-index:6}.matrix-note{margin-top:8px;display:block}.insight-stack,.event-list,.artifact-browser,.timeline-list,.settings-list,.api-list{gap:9px;display:grid}.metric-card{border:1px solid var(--line-soft);border-radius:var(--control-radius);background:var(--surface-soft);border-left:3px solid #b8c3ce;gap:6px;min-height:76px;padding:12px;display:grid}.metric-card span,.setting-row span,.api-row small{color:var(--muted);font-size:12px}.metric-card strong{min-width:0;color:var(--text);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:19px;overflow:hidden}.metric-card.good{border-left-color:var(--green)}.metric-card.bad{border-left-color:var(--coral)}.metric-card.live{border-left-color:var(--blue)}.event-row,.browser-row,.timeline-row,.setting-row,.api-row{border:1px solid var(--line-soft);border-radius:var(--control-radius);background:var(--surface-soft);align-items:center;gap:10px;padding:10px;display:grid}.event-row{grid-template-columns:10px minmax(0,1fr) auto}.event-row strong,.browser-row strong,.timeline-row strong,.integration-card strong{color:#11202b;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;display:block;overflow:hidden}.event-row small,.browser-row small,.timeline-row small,.integration-card small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.browser-main{gap:6px;min-width:0;display:grid}.browser-artifact-media{max-width:360px}.event-marker,.timeline-dot{background:var(--blue);border-radius:50%;width:8px;height:8px}.event-row.critical .event-marker{background:var(--coral)}.event-row.warning .event-marker{background:var(--amber)}.event-row.active .event-marker{background:var(--blue)}.compact-table{border:1px solid var(--line-soft);border-radius:var(--control-radius);display:grid;overflow:hidden}.compact-row{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(180px,1fr) 80px minmax(120px,.7fr) 100px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:grid}.compact-row:last-child{border-bottom:0}.compact-head{color:var(--muted);background:#fbfcfd;font-size:11px;font-weight:750}.browser-row{grid-template-columns:34px minmax(0,1fr) auto auto auto}.browser-icon{border:1px solid var(--line);border-radius:var(--control-radius);width:30px;height:30px;color:var(--accent);background:#fff;place-items:center;display:grid}.browser-row>span,.timeline-row>span:not(.timeline-dot){color:#344251;font-variant-numeric:tabular-nums;font-size:12px}.timeline-row{grid-template-columns:16px minmax(0,1fr) auto auto}.setting-row{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.setting-row strong{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.control.full select,.control.full input,.control.full .select-trigger{width:100%}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.integration-card{border:1px solid var(--line-soft);border-radius:var(--control-radius);background:var(--surface-soft);gap:10px;min-height:150px;padding:12px;display:grid}.integration-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.api-row{grid-template-columns:60px minmax(0,1fr) auto}.api-row span{border-radius:var(--tight-radius);background:var(--accent-soft);color:var(--accent-strong);border:1px solid #d3e8ec;justify-self:start;padding:3px 6px;font-size:11px;font-weight:750}.api-row code{color:#1f2f3f;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.api-row small{grid-column:2/4}.copy-button{border-color:var(--line);border-radius:var(--control-radius);color:#344251;background:#fff;border-style:solid;border-width:1px;justify-content:center;align-items:center;gap:6px;min-height:28px;padding:5px 8px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.copy-button:hover{color:#1f2f3f;background:#f7f9fb;border-color:#b9c5d0}.copy-button.unavailable,.copy-button:disabled{border-color:var(--line-soft);background:var(--surface-soft);color:var(--faint);cursor:not-allowed}@media (max-width:1360px){.detail-grid{grid-template-columns:1fr}}@media (max-width:1240px){.analysis-header{grid-template-columns:1fr}.analysis-stat-strip{grid-auto-flow:initial;grid-template-columns:repeat(3,minmax(0,1fr))}.metrics-workbench,.detail-grid,.detail-body-grid,.detail-artifact-grid{grid-template-columns:1fr}.metrics-chart-surface{order:1}.metric-catalog-panel{order:2}.metrics-analysis .inspector{order:3}.runs-workspace,.runs-workspace.drawer-open{grid-template-columns:244px minmax(0,1fr)}.runs-workspace.run-rail-collapsed,.runs-workspace.run-rail-collapsed.drawer-open{grid-template-columns:54px minmax(0,1fr)}.runs-workspace.drawer-open .panel-drawer{top:var(--topbar-height);border:1px solid var(--line);border-radius:var(--radius);width:min(380px,100vw - 36px);height:auto;position:fixed;bottom:18px;right:18px;box-shadow:0 22px 60px #18222d2e}.workspace-panel-grid{grid-template-columns:minmax(0,1fr)}.workspace-panel-card{grid-column:1/-1}.workbench-grid{grid-template-columns:minmax(0,1fr) 340px}.chart-card{grid-column:1}.inspector{grid-area:1/2/span 2}}@media (max-width:1080px){:root{--topbar-height:58px}.topbar{position:sticky}.topbar-main{min-height:var(--topbar-height);scrollbar-width:thin;flex-wrap:nowrap;align-items:center;gap:7px;padding-block:7px;overflow-x:auto}.brand{flex-basis:auto}.toolbar,.action-cluster,.utility-icons{flex-wrap:nowrap;margin-left:0}.topbar-controls .control select,.control.compact select,.control.compact input,.topbar-controls .select-trigger,.control.compact .select-trigger{width:132px}.action-cluster .control.compact{flex:none;min-width:0;max-width:none}.action-cluster .control.compact input,.action-cluster .control.compact select,.action-cluster .control.compact .select-trigger{width:132px}.status-message{flex:none;width:auto;max-width:190px}.shell{--sidebar-width:100%;grid-template-columns:1fr}.tabs{z-index:16;border-right:0;border-bottom:1px solid var(--line);align-self:stretch;height:auto;min-height:auto;max-height:none;padding:0 0 8px;display:flex;position:static;overflow-x:auto}.tabs:after{content:"";pointer-events:none;background:linear-gradient(90deg, #f4f6f800, var(--bg));flex:0 0 36px;align-self:stretch;display:block;position:sticky;right:0}.tab-scroll,.tab-group{gap:6px;display:flex}.tab-scroll{scrollbar-width:thin;padding-right:12px;overflow-x:auto}.tab-group{border-bottom:0;border-right:1px solid var(--line);padding:0 8px 0 0}.tab-button{border-bottom:3px solid #0000;border-left:0;justify-content:flex-start;gap:8px;width:auto;padding:7px 9px}.tab-label{opacity:1;max-width:120px}.nav-footer{display:none}.tab-button.active{border-bottom-color:var(--accent)}.workbench-grid,.runs-workspace,.runs-workspace.drawer-open,.runs-workspace.run-rail-collapsed,.runs-workspace.run-rail-collapsed.drawer-open,.metrics-grid,.detail-grid,.artifact-grid,.stat-grid,.tab-grid.two-col,.settings-grid,.integration-grid,.compare-metadata-editor,.run-metadata-editor.compact .metadata-edit-grid{grid-template-columns:1fr}.col-notes{display:none}.workspace-run-rail{border-right:0;border-bottom:1px solid var(--line);height:auto;min-height:0;max-height:360px;position:static}.workspace-run-list{max-height:250px}.runs-workspace-filter{position:static}.runs-workspace.run-rail-collapsed .workspace-rail-head{justify-items:initial;padding:10px 12px;display:flex}.runs-workspace.run-rail-collapsed .workspace-rail-head h2{writing-mode:horizontal-tb;transform:none}.runs-workspace.run-rail-collapsed .workspace-rail-actions{display:inline-flex}.runs-workspace.run-rail-collapsed .workspace-run-list{display:block}.runs-workspace.run-rail-collapsed .workspace-run-footer{display:grid}.workspace-panel-toolbar{flex-wrap:wrap;align-items:stretch;position:static}.compare-toolbar,.compare-summary{grid-template-columns:1fr 1fr}.compare-search-control{grid-column:1/-1}.compare-limit-note{text-align:left}.workspace-panel-search{flex-basis:100%}.workspace-mode-select .select-trigger{width:150px}.runs-workspace.drawer-open .panel-drawer,.runs-workspace .panel-drawer{border:0;border-top:1px solid var(--line);width:auto;height:auto;box-shadow:none;border-radius:0;position:static}.chart-card,.inspector{grid-area:auto}}@media (max-width:720px){:root{--topbar-height:0px}.topbar{position:static}.topbar-main,.shell{padding-left:12px;padding-right:12px}.topbar-main{gap:8px;padding-top:10px;padding-bottom:10px}.tabs{overflow-x:visible}.tabs:after{display:none}.tab-scroll,.tab-group{flex-wrap:wrap;overflow-x:visible}.tab-scroll{padding-right:0}.tab-group{border-right:0;padding-right:0}.tab-button{min-height:38px}.brand-mark{width:30px;height:30px}.control input,.control select,.control.compact select,.control.compact input,.select-trigger,.search-control input{width:100%}.toolbar,.action-cluster,.panel-controls,.chart-actions{grid-template-columns:1fr;align-items:stretch;width:100%;display:grid}.topbar-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-controls .system-status{grid-column:1/-1}.compare-summary,.compare-metadata-editor,.compare-annotation-details>summary,.analysis-stat-strip,.run-detail-hero{grid-template-columns:1fr}.action-cluster{grid-template-columns:1fr auto}.action-cluster .status-message,.action-cluster .control.compact{grid-column:1/-1}.action-cluster,.action-cluster .control.compact,.action-cluster>#save-view,.action-cluster>.custom-select-control.compact{display:none}.pinned-chart-grid{grid-template-columns:1fr}.action-cluster>.icon-button{display:none}.utility-icons{border-left:0;padding-left:0;display:flex;position:absolute;top:12px;right:12px}.runs-commandbar{grid-template-columns:1fr;width:100%}.runs-workspace-filter{padding:8px;position:static}.workspace-panel-toolbar{grid-template-columns:1fr;display:grid}.run-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-panel-toolbar .compact-button,.workspace-panel-toolbar button,.workspace-panel-toolbar .select-trigger{width:100%}.workspace-section-head{flex-direction:column;align-items:stretch}.section-actions{justify-content:space-between;width:100%}.section-actions .compact-button{width:auto}.workspace-panel-grid{gap:10px;padding:0 10px 12px}.workspace-panel-card .chart-legend{grid-template-columns:1fr}.edit-drawer{top:calc(var(--topbar-height) + 8px);width:auto;bottom:12px;left:12px;right:12px}.workspace-run-footer{flex-wrap:wrap}.runs-commandbar .compact-button,.runs-commandbar .icon-button,.runs-commandbar .columns-menu,.runs-commandbar .columns-menu .compact-button{width:100%}.column-popover{width:100%;left:0;right:auto}.system-status{min-height:38px;margin-left:0;padding:0 10px}.table-wrap{max-width:100%;max-height:520px;overflow-x:auto}table{min-width:1040px}.row-check,.topbar .control select,.topbar button,.runs-commandbar .control input,.runs-commandbar .control select,.runs-commandbar .select-trigger,.runs-commandbar button{min-height:44px}.compare-matrix{max-width:100%}th,td{padding:9px 8px}.compact-row,.browser-row,.timeline-row,.setting-row,.api-row{grid-template-columns:1fr}.copy-button{width:100%}.api-row small{grid-column:auto}.setting-row strong{text-align:left}}@media (max-width:480px){.run-kpi-grid{grid-template-columns:1fr}}@media (pointer:coarse){.icon-button,.topbar .icon-button{width:40px;min-width:40px;height:40px}.workspace-eye{min-width:40px;min-height:40px}.workspace-panel-toolbar button,.workspace-panel-toolbar .select-trigger,.quick-search-row,.drawer-metric-row{min-height:40px}}
:root[data-theme=dark] .topbar{background:#07080cf5;border-bottom-color:#1fb8772e;box-shadow:0 14px 34px #0003}:root[data-theme=dark] .landing-page,:root[data-theme=dark] .auth-page{background:linear-gradient(180deg, #0b2f24b8 0%, #07080c00 46%), var(--bg)}:root[data-theme=dark] .landing-nav nav a:hover,:root[data-theme=dark] .secondary-link,:root[data-theme=dark] .provider-status,:root[data-theme=dark] .landing-preview,:root[data-theme=dark] .auth-card,:root[data-theme=dark] .preview-panel,:root[data-theme=dark] .preview-chip,:root[data-theme=dark] .onboarding-summary{border-color:var(--line);background:var(--surface);color:var(--text)}:root[data-theme=dark] .secondary-link:hover,:root[data-theme=dark] .preview-chip,:root[data-theme=dark] .onboarding-summary{background:var(--surface-soft)}:root[data-theme=dark] .provider-status strong,:root[data-theme=dark] .preview-head strong,:root[data-theme=dark] .preview-row span,:root[data-theme=dark] .compare-preview-row strong,:root[data-theme=dark] .preview-row strong{color:var(--text)}:root[data-theme=dark] .preview-row,:root[data-theme=dark] .compare-preview-row,:root[data-theme=dark] .preview-topbar{border-color:var(--line-soft)}:root[data-theme=dark] .preview-chip.good,:root[data-theme=dark] .api-key-reveal{color:var(--green);background:#168a4f2e;border-color:#55d79957}:root[data-theme=dark] .brand-mark,:root[data-theme=dark] .system-status,:root[data-theme=dark] .status-message,:root[data-theme=dark] .select-menu,:root[data-theme=dark] .column-popover,:root[data-theme=dark] .runs-workspace-filter,:root[data-theme=dark] .runs-workspace,:root[data-theme=dark] .workspace-run-rail,:root[data-theme=dark] .workspace-section,:root[data-theme=dark] .workspace-panel-card,:root[data-theme=dark] .run-metadata-editor,:root[data-theme=dark] .panel-drawer,:root[data-theme=dark] .command-card,:root[data-theme=dark] .legend-chip,:root[data-theme=dark] .chip,:root[data-theme=dark] .artifact-mini,:root[data-theme=dark] .checkpoint-row,:root[data-theme=dark] .side-values span,:root[data-theme=dark] .compare-head,:root[data-theme=dark] .compare-attribute,:root[data-theme=dark] .compare-cell,:root[data-theme=dark] .browser-icon{background:var(--surface)}:root[data-theme=dark] .workspace-panel-card{background:var(--chart-card-bg)}:root[data-theme=dark] button.secondary,:root[data-theme=dark] .compact-button,:root[data-theme=dark] .quick-add-card,:root[data-theme=dark] .drawer-metric-row,:root[data-theme=dark] .shortcut-row,:root[data-theme=dark] kbd,:root[data-theme=dark] .copy-button{border-color:var(--line);background:var(--surface);color:var(--text)}:root[data-theme=dark] button.primary-button{color:#04130d;background:linear-gradient(#1fb877 0%,#0a4d33 100%);border-color:#1fb877e0;box-shadow:0 0 0 1px #27e8961a,0 0 22px #1fb8772e}:root[data-theme=dark] button.primary-button:hover{border-color:var(--accent-strong);color:#04130d;background:linear-gradient(#27e896 0%,#1fb877 100%)}:root[data-theme=dark] button.secondary:hover,:root[data-theme=dark] .copy-button:hover,:root[data-theme=dark] .select-trigger:hover,:root[data-theme=dark] button.ghost:hover{background:#102018;border-color:#2a3f35}:root[data-theme=dark] button:focus-visible,:root[data-theme=dark] .select-trigger:focus-visible{border-color:#27e896b8;box-shadow:0 0 0 2px #1fb8773d,0 0 20px #1fb8771f}:root[data-theme=dark] .icon-button{color:var(--muted)}:root[data-theme=dark] .icon-button:hover,:root[data-theme=dark] .icon-button.framed:hover{color:var(--text);background:#102018;border-color:#2a3f35}:root[data-theme=dark] .avatar,:root[data-theme=dark] .tabs{background:#080a0f}:root[data-theme=dark] .tab-button{color:var(--muted)}:root[data-theme=dark] .tab-button svg{color:var(--faint)}:root[data-theme=dark] .tab-button:hover,:root[data-theme=dark] .tab-button.active{color:var(--accent-strong);background:#112118;border-color:#1fb87752}:root[data-theme=dark] .tab-button.active svg{color:var(--accent)}:root[data-theme=dark] .select-trigger,:root[data-theme=dark] .table-footer .select-trigger{border-color:var(--line);color:var(--text);background:#101820}:root[data-theme=dark] .select-trigger svg{color:var(--muted)}:root[data-theme=dark] .select-menu,:root[data-theme=dark] .column-popover{border-color:var(--line);background:var(--color-ink);box-shadow:0 18px 42px #0000007a,0 0 0 1px #1fb87714}:root[data-theme=dark] .select-option{color:var(--text);box-shadow:none;background:0 0;border-color:#0000}:root[data-theme=dark] .select-option:hover,:root[data-theme=dark] .select-option:focus,:root[data-theme=dark] .select-option.active{color:var(--accent-strong);background:#1fb8771f}:root[data-theme=dark] .select-option.selected{background:var(--accent-soft);color:var(--accent-strong)}:root[data-theme=dark] .workspace-canvas,:root[data-theme=dark] .workspace-panel-toolbar,:root[data-theme=dark] .workspace-run-row:hover,:root[data-theme=dark] .quick-search-row:hover,:root[data-theme=dark] .quick-search-row.active{background:#0a101b}:root[data-theme=dark] .workspace-panel-toolbar{border-color:var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface)}:root[data-theme=dark] .workspace-run-row.selected{border-color:#1fb87733;border-left-color:var(--accent);background:#1fb87713;box-shadow:inset 1px 0 #27e89638}:root[data-theme=dark] .workspace-run-row.selected+.workspace-run-row.selected{border-top-color:#0000}:root[data-theme=dark] .workspace-eye span{background:var(--surface)}:root[data-theme=dark] .workspace-run-row.selected .workspace-eye span{border-color:var(--accent-strong);background:var(--accent);box-shadow:inset 0 0 0 3px var(--surface)}:root[data-theme=dark] .workspace-panel-meta span,:root[data-theme=dark] .section-title-button span,:root[data-theme=dark] .workspace-run-tags b,:root[data-theme=dark] .workspace-run-tags em{border-color:var(--line);background:var(--surface-soft)}:root[data-theme=dark] .panel-drag-handle:hover{background:#102018}:root[data-theme=dark] .workspace-unsectioned-drop-zone{border-color:var(--line);background:#0e1623}:root[data-theme=dark] .workspace-unsectioned-drop-zone.active{border-color:var(--accent);background:#1fb8771f}:root[data-theme=dark] .legend-chip{color:var(--text)}:root[data-theme=dark] .panel,:root[data-theme=dark] .chart-card,:root[data-theme=dark] .metric-panel,:root[data-theme=dark] .analysis-header,:root[data-theme=dark] .metric-catalog-main,:root[data-theme=dark] .leaderboard-row,:root[data-theme=dark] .run-timeline-row,:root[data-theme=dark] .metric-card,:root[data-theme=dark] .event-row,:root[data-theme=dark] .browser-row,:root[data-theme=dark] .timeline-row,:root[data-theme=dark] .setting-row,:root[data-theme=dark] .api-row,:root[data-theme=dark] .readout-card,:root[data-theme=dark] .detail-row,:root[data-theme=dark] .run-detail-hero,:root[data-theme=dark] .run-detail-note,:root[data-theme=dark] .run-workspace-header,:root[data-theme=dark] .run-workspace-panel,:root[data-theme=dark] .workspace-summary-selection,:root[data-theme=dark] .evidence-tree,:root[data-theme=dark] .evidence-quicklook,:root[data-theme=dark] .artifact-card,:root[data-theme=dark] .summary-row,:root[data-theme=dark] .side-row,:root[data-theme=dark] pre{border-color:var(--line);background:var(--color-ink);color:var(--text)}:root[data-theme=dark] .runs-workspace-filter,:root[data-theme=dark] .runs-workspace,:root[data-theme=dark] .workspace-panel-card,:root[data-theme=dark] .panel,:root[data-theme=dark] .chart-card,:root[data-theme=dark] .command-card,:root[data-theme=dark] .workspace-modal-card,:root[data-theme=dark] .edit-drawer{box-shadow:0 20px 48px #00000047,0 0 0 1px #1fb87709}:root[data-theme=dark] .workspace-run-rail,:root[data-theme=dark] .panel-drawer{background:#0e1623}:root[data-theme=dark] .stat,:root[data-theme=dark] .analysis-stat,:root[data-theme=dark] .workspace-panel-meta span,:root[data-theme=dark] .section-title-button span,:root[data-theme=dark] .shortcut-row,:root[data-theme=dark] .readout-card,:root[data-theme=dark] .detail-row,:root[data-theme=dark] .artifact-card,:root[data-theme=dark] .summary-row,:root[data-theme=dark] .side-row,:root[data-theme=dark] .metric-card,:root[data-theme=dark] .leaderboard-row,:root[data-theme=dark] .run-timeline-row,:root[data-theme=dark] .event-row,:root[data-theme=dark] .browser-row,:root[data-theme=dark] .timeline-row,:root[data-theme=dark] .setting-row,:root[data-theme=dark] .api-row{background:#0d1624}:root[data-theme=dark] .workspace-panel-meta .panel-data-gap{color:#ffc27d;background:#f4a2611f;border-color:#f4a26180}:root[data-theme=dark] .metric-catalog-row.active .metric-catalog-main{background:var(--accent-soft);border-color:#1fb87770}:root[data-theme=dark] .metric-pin.active,:root[data-theme=dark] .rank{color:var(--accent-strong);background:#1fb87729;border-color:#62b6ff70}:root[data-theme=dark] .panel-head h2,:root[data-theme=dark] .analysis-title-block h2,:root[data-theme=dark] .run-detail-title h2,:root[data-theme=dark] .metric-panel-head h3,:root[data-theme=dark] .metric-catalog-main strong,:root[data-theme=dark] .leaderboard-row strong,:root[data-theme=dark] .run-timeline-row strong,:root[data-theme=dark] .detail-section h3,:root[data-theme=dark] .event-row strong,:root[data-theme=dark] .browser-row strong,:root[data-theme=dark] .timeline-row strong,:root[data-theme=dark] .integration-card strong,:root[data-theme=dark] .compare-attribute strong,:root[data-theme=dark] .api-row code,:root[data-theme=dark] .inspector .detail-row strong,:root[data-theme=dark] .metric-card strong{color:var(--text)}:root[data-theme=dark] th,:root[data-theme=dark] .compact-head,:root[data-theme=dark] .metric-summary-head,:root[data-theme=dark] .compare-head,:root[data-theme=dark] .compare-attribute,:root[data-theme=dark] .compare-row-head,:root[data-theme=dark] .compare-run-identity{color:var(--muted);background:#0b121e}:root[data-theme=dark] tbody tr:hover,:root[data-theme=dark] .compare-cell.changed,:root[data-theme=dark] .compare-run-cell.changed,:root[data-theme=dark] button.compare-row-head:hover,:root[data-theme=dark] button.compare-row-head.active{color:var(--accent-strong);background:#0b2f24}:root[data-theme=dark] .compare-metric-pill button{color:var(--text);background:0 0}:root[data-theme=dark] .compare-metric-remove{color:var(--muted)!important}:root[data-theme=dark] .compare-artifact-card,:root[data-theme=dark] .compare-summary>div,:root[data-theme=dark] .compare-run-cell{border-color:var(--line);color:var(--text);background:#0d1624}:root[data-theme=dark] tr.selected{background:#1fb87713;box-shadow:inset 2px 0 #1fb87794}:root[data-theme=dark] tr.inspected{box-shadow:inset 2px 0 0 var(--accent);background:#1fb8771b}:root[data-theme=dark] .run-name-button:hover,:root[data-theme=dark] .run-name-button:focus{box-shadow:none;color:var(--accent-strong);background:0 0;border-color:#0000}:root[data-theme=dark] .pill.good{background:#59d9901a;border-color:#59d99057}:root[data-theme=dark] .pill.bad,:root[data-theme=dark] .failure-card{background:#ff837b1a;border-color:#ff837b61}:root[data-theme=dark] .pill.live,:root[data-theme=dark] .pin-button.active{background:#1fb87724;border-color:#62b6ff6b}:root[data-theme=dark] .axis,:root[data-theme=dark] .grid-line{stroke:#21334b}:root[data-theme=dark] .tick-label,:root[data-theme=dark] .axis-label{fill:var(--muted)}:root[data-theme=dark] .series-point{stroke:var(--surface)}:root[data-theme=dark] .hover-ring{stroke:var(--text)}:root[data-theme=dark] .chart-range{border-color:var(--line);background:#0a101b}:root[data-theme=dark] .range-window{fill:#1fb87729;stroke:var(--accent)}:root[data-theme=dark] .range-handle{stroke:var(--muted)}:root[data-theme=dark] .chart-zoom-reset{border-color:var(--line);background:var(--surface-soft);color:var(--text)}:root[data-theme=dark] .empty{border-color:var(--line)}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{border-color:var(--line);color:var(--text);background:#101820}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:#6f8198}:root[data-theme=dark] input:focus,:root[data-theme=dark] select:focus,:root[data-theme=dark] textarea:focus{border-color:#27e896b8;box-shadow:0 0 0 2px #1fb87738,0 0 20px #1fb8771f}:root[data-theme=dark] .status-message{background:#0d1624;border-color:#1fb8772e}:root[data-theme=dark] .status-message.loading{background:#1fb8771c;border-color:#62b6ff52}:root[data-theme=dark] .status-message.error{background:#ff746f1a;border-color:#ff746f61}:root[data-theme=dark] .quick-add-card span{color:var(--accent-strong);background:#1fb87729}:root[data-theme=dark] .drawer-tabs strong{box-shadow:0 2px 0 var(--accent)}:root[data-theme=dark] .chart-tooltip{background:#050a12f5;border:1px solid #62b6ff38;box-shadow:0 18px 36px #0000006b,0 0 24px #1fb8771a}:root[data-theme=dark] .chart-tooltip span{color:#c6d4e6}:root[data-theme=dark] .chart-tooltip span.active,:root[data-theme=dark] .chart-tooltip b{color:#f3f9ff}.rich-object-section{overflow:hidden}.rich-object-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.rich-object-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;gap:10px;min-width:0;padding:12px;display:grid}.rich-object-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.rich-object-head strong,.rich-table-preview span,.rich-table-preview strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rich-object-head small{color:var(--muted)}.rich-table-preview{border:1px solid var(--line);background:var(--surface);border-radius:6px;max-height:240px;display:grid;overflow:auto}.rich-table-preview strong,.rich-table-preview span{border-bottom:1px solid var(--line);min-width:0;padding:7px 8px;font-size:.78rem}.rich-table-preview strong{background:var(--surface);color:var(--muted);z-index:1;position:sticky;top:0}.rich-table-more{color:var(--muted);grid-column:1/-1;padding:8px}.histogram-preview{border:1px solid var(--line);background:var(--surface);border-radius:6px;align-items:end;gap:3px;min-height:90px;padding:8px;display:flex;overflow-x:auto}.histogram-preview span{background:linear-gradient(180deg, var(--accent), var(--blue));border-radius:3px 3px 0 0;flex:1 0 3px;min-width:3px}.run-workspace{gap:14px;min-width:0;display:grid}.run-workspace-header{z-index:8;border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 16px;padding:12px;display:grid;position:sticky;top:0}.run-workspace-title{gap:2px;min-width:0;display:grid}.run-workspace-title span{color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:760}.run-workspace-title h2{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;margin:0;font-size:1.2rem;overflow:hidden}.run-workspace-title p{color:var(--muted);margin:0;font-size:.82rem}.run-workspace-meta{flex-wrap:wrap;justify-content:end;gap:6px;display:flex}.run-workspace-tabs{border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;gap:4px;padding-top:8px;display:flex}.run-workspace-tab,.segment-button{min-height:32px;color:var(--muted);background:0 0;border-color:#0000;font-size:.78rem}.run-workspace-tab:hover,.segment-button:hover,.run-workspace-tab.active,.segment-button.active{border-color:var(--line);background:var(--surface-soft);color:var(--text)}.run-workspace-tab.active,.segment-button.active{box-shadow:inset 0 -2px 0 var(--accent)}.run-workspace-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0}.run-data-panel .chart-area{max-height:410px;overflow:hidden}.run-data-panel .metric-chart{aspect-ratio:560/320}.compact-panel-head{min-height:36px;padding:10px 12px}.logs-panel{gap:10px;padding:12px;display:grid}.logs-toolbar{grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:8px;display:grid}.segmented-control{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;gap:3px;padding:3px;display:inline-flex}.logs-search,.evidence-search{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:0 9px;display:flex}.logs-search input,.evidence-search input{background:0 0;border:0;width:100%;min-height:32px;padding-inline:0}.terminal-frame{border:1px solid var(--line);color:#dbe7f3;background:#070a0f;border-radius:8px;overflow:hidden}.terminal-head,.terminal-row{grid-template-columns:168px 72px minmax(0,1fr);align-items:center;display:grid}.terminal-head{color:#7f8ea3;text-transform:uppercase;border-bottom:1px solid #ffffff14;min-height:32px;padding:0 10px;font-size:.72rem;font-weight:760}.terminal-scroll{height:min(420px,52vh);min-height:240px;position:relative;overflow:auto}.terminal-spacer{position:relative}.terminal-window{inset-inline:0;position:absolute;top:0}.terminal-row{height:28px;padding:0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:28px}.terminal-row:nth-child(odd){background:#ffffff06}.terminal-ts,.terminal-line{color:#7f8ea3}.terminal-message{white-space:pre;scrollbar-width:thin;overflow:auto hidden}.terminal-empty{color:#7f8ea3;font-size:.86rem;position:absolute;inset:48px 16px auto}.logs-footer{color:var(--muted);justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.ansi-bold{font-weight:800}.ansi-dim{opacity:.68}.ansi-fg-black{color:#0b0f14}.ansi-fg-red,.ansi-fg-bright-red{color:#ff8a8a}.ansi-fg-green,.ansi-fg-bright-green{color:#7ee787}.ansi-fg-yellow,.ansi-fg-bright-yellow{color:#f2cc60}.ansi-fg-blue,.ansi-fg-bright-blue{color:#79c0ff}.ansi-fg-magenta,.ansi-fg-bright-magenta{color:#d2a8ff}.ansi-fg-cyan,.ansi-fg-bright-cyan{color:#76e3ea}.ansi-fg-white,.ansi-fg-bright-white{color:#f0f6fc}.ansi-fg-bright-black{color:#8b949e}.evidence-panel{grid-template-columns:minmax(240px,280px) minmax(0,1fr);min-height:520px;display:grid}.evidence-tree{border-right:1px solid var(--line);background:var(--surface-soft);align-content:start;gap:12px;padding:12px;display:grid}.evidence-section{gap:4px;display:grid}.evidence-section h3{color:var(--muted);text-transform:uppercase;justify-content:space-between;margin:0;font-size:.72rem;font-weight:800;display:flex}.evidence-row{min-height:36px;color:var(--text);text-align:left;background:0 0;border-color:#0000;grid-template-columns:18px minmax(0,1fr);justify-content:start;gap:8px;display:grid}.evidence-row:hover,.evidence-row.active{border-color:var(--line);background:var(--surface)}.evidence-row.active{box-shadow:inset 2px 0 0 var(--accent)}.evidence-row strong,.evidence-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.evidence-row small{color:var(--muted);font-size:.72rem}.evidence-preview{min-width:0;padding:12px}.evidence-preview-stack{gap:12px;display:grid}.evidence-preview-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:10px;display:flex}.evidence-preview-head h3,.evidence-preview-head p{margin:0}.evidence-preview-head p{color:var(--muted);font-size:.82rem}.evidence-quicklook{border:1px solid var(--line);background:var(--surface-soft);border-radius:6px;gap:7px;padding:10px;display:grid}.evidence-quicklook div{grid-template-columns:88px minmax(0,1fr);gap:10px;font-size:12px;display:grid}.evidence-quicklook span{color:var(--muted);font-weight:740}.evidence-quicklook strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.evidence-code-preview{border:1px solid var(--line);background:var(--surface-soft);max-height:220px;color:var(--text);border-radius:6px;padding:10px;font-size:11px;line-height:1.55;overflow:auto}.system-grid{grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;padding:12px;display:grid}.graph-panel .empty{place-items:center;gap:8px;min-height:280px;display:grid}@media (max-width:860px){.run-workspace-header,.evidence-panel,.logs-toolbar{grid-template-columns:1fr}.run-workspace-meta{justify-content:start}.evidence-tree{border-right:0;border-bottom:1px solid var(--line)}.terminal-head,.terminal-row{grid-template-columns:104px 42px minmax(260px,1fr);min-width:430px}.terminal-scroll{height:min(340px,46vh)}.run-workspace-tab,.segment-button{min-height:38px}}
