:root{--color-page: #eef2f5;--color-surface: #ffffff;--color-surface-raised: #fbfcfd;--color-surface-subtle: #f8fafb;--color-surface-alt: #f5f8fa;--color-bar-subtle: #eef5f7;--color-text: #172026;--color-muted: #526772;--color-muted-strong: #667985;--color-border: #d7e0e6;--color-border-subtle: #e0e7eb;--color-border-strong: #c9d5dc;--color-hover: #7aa6a1;--color-neutral: #94a3ad;--color-accent: #2368b2;--color-accent-text: #1f5c98;--color-accent-border: #adc5d8;--color-accent-subtle: #f0f6fb;--color-success: #16865b;--color-success-text: #0f6845;--color-success-border: #7fb79b;--color-success-subtle: #dff3ea;--color-danger: #d14b3a;--color-danger-text: #a73528;--color-danger-border: #e3a095;--color-danger-subtle: #fde8e3;--color-warning: #dc8a2f;--color-warning-strong: #dc6b2f;--color-warning-text: #8a520e;--color-warning-subtle: #fff0d8;--color-info-subtle: #e6f0fb;--color-muted-subtle: #ecf1f4;--color-meter-track: #e2e9ed;--color-checker: #e9eef2;--color-capture-border: #c3d5df;--brand-mark-bg: #172026;--brand-mark-text: #ffffff;color:var(--color-text);background:var(--color-page);color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=dark],.app-shell[data-theme=dark]{--color-page: #101214;--color-surface: #171a1d;--color-surface-raised: #1d2226;--color-surface-subtle: #20262a;--color-surface-alt: #23292d;--color-bar-subtle: #141d1d;--color-text: #eef4f0;--color-muted: #a8b5b2;--color-muted-strong: #c3ccc9;--color-border: #343b40;--color-border-subtle: #2b3337;--color-border-strong: #46515a;--color-hover: #78c5bd;--color-neutral: #7f8d92;--color-accent: #6aaee8;--color-accent-text: #a9d7ff;--color-accent-border: #3d6f94;--color-accent-subtle: #152a3a;--color-success: #46d38c;--color-success-text: #bff3dc;--color-success-border: #397d5f;--color-success-subtle: #153526;--color-danger: #ff776c;--color-danger-text: #ffc1bb;--color-danger-border: #864a45;--color-danger-subtle: #3a1d1b;--color-warning: #efb45d;--color-warning-strong: #f09552;--color-warning-text: #ffd99f;--color-warning-subtle: #392915;--color-info-subtle: #173047;--color-muted-subtle: #283035;--color-meter-track: #2b3438;--color-checker: #2b3135;--color-capture-border: #47616b;--brand-mark-bg: #8ed8ca;--brand-mark-text: #101214;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--color-text);background:var(--color-page)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,p,figure,dl,dd{margin:0}.app-shell{min-height:100vh;padding-bottom:40px;color:var(--color-text);background:var(--color-page)}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:14px 24px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.brand-block,.topbar-actions,.status-strip,.workspace-toolbar,.admin-session-strip,.admin-session-form,.project-admin-form,.org-delete-form,.cost-center-admin-panel,.support-health-panel,.api-settings,.live-loader,.host-list,.panel-header,.run-meta,.run-counts,.check-title-line,.action-bar,.viewer-toolbar,.segmented-control,.range-control,.fact,.status-badge,.session-summary,.session-actions,.cost-center-actions,.activity-footer{display:flex;align-items:center}.brand-block{gap:12px}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;color:var(--brand-mark-text);background:var(--brand-mark-bg);font-size:.82rem;font-weight:800;letter-spacing:0}.eyebrow{margin-bottom:3px;color:var(--color-muted);font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{font-size:1.38rem;line-height:1.1;letter-spacing:0}h2{font-size:1.08rem;line-height:1.25;letter-spacing:0}.status-strip{gap:10px;color:var(--color-muted);font-size:.84rem}.topbar-actions{justify-content:flex-end;gap:10px;min-width:0}.workspace-toolbar{gap:14px;flex-wrap:wrap;padding:12px 24px;background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border)}.field-group{display:grid;gap:4px}.field-group span,.api-settings span{color:var(--color-muted);font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.project-select{min-width:230px}select,input{height:34px;border:1px solid var(--color-border-strong);border-radius:6px;color:var(--color-text);background:var(--color-surface)}select{padding:0 32px 0 10px}input{padding:0 10px}.api-settings{min-width:310px;gap:9px;padding:8px 10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.api-settings>div{display:grid;min-width:0;flex:1;gap:4px}.api-settings input{width:100%}.live-loader{flex:1 1 720px;gap:8px;min-width:min(100%,720px);padding:8px 10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.live-loader .field-group{min-width:135px;flex:1 1 135px}.live-loader .field-group:first-child{min-width:240px;flex-grow:1.8}.live-loader input{width:100%}.live-loader .command{align-self:end;min-width:86px}.admin-session-strip{gap:12px;flex-wrap:wrap;padding:12px 24px;background:var(--color-bar-subtle);border-bottom:1px solid var(--color-border)}.admin-session-form,.project-admin-form,.org-delete-form,.cost-center-admin-panel{gap:9px;min-width:0;padding:8px 10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.support-health-panel{align-items:flex-start;flex:1 1 520px;gap:9px;min-width:0;padding:8px 10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.admin-session-form{flex:1 1 760px}.project-admin-form,.org-delete-form{flex:0 1 520px}.cost-center-admin-panel{align-items:flex-start;flex:1 1 900px;flex-wrap:wrap}.admin-session-form .field-group{min-width:150px;flex:1 1 150px}.admin-session-form .field-group:first-of-type{min-width:240px;flex-grow:1.6}.admin-session-form input,.project-admin-form input,.org-delete-form input,.cost-center-admin-panel input,.cost-center-admin-panel select{width:100%}.session-summary{min-width:230px;gap:9px}.project-summary{min-width:180px}.session-summary>div{display:grid;min-width:0;gap:2px}.session-summary strong,.session-summary small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-summary strong{color:var(--color-text);font-size:.84rem}.session-summary small{color:var(--color-muted);font-size:.74rem;font-weight:700}.session-actions{gap:6px}.archive-confirm,.org-delete-confirm{min-width:140px;flex:1 1 140px}.cost-center-select{min-width:210px;flex:1 1 210px}.cost-center-admin-panel .field-group{min-width:138px;flex:1 1 138px}.cost-center-admin-panel .budget-input{max-width:170px}.cost-center-actions{flex:1 1 360px;flex-wrap:wrap;gap:6px}.project-admin-form .command,.org-delete-form .command{flex:0 0 auto;white-space:nowrap}.support-health-grid,.cost-center-usage-grid{display:grid;flex:1 1 100%;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.support-health-grid .fact,.cost-center-usage-grid .fact{padding:6px 7px}.cost-center-usage-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.support-warning{width:100%;color:var(--color-warning-text);font-size:.74rem;font-weight:800}.icon-button,.theme-toggle{display:grid;place-items:center;border:1px solid var(--color-border-strong);border-radius:6px;color:var(--color-text);background:var(--color-surface)}.icon-button{width:32px;height:32px}.theme-toggle{display:inline-flex;width:auto;height:34px;gap:7px;padding:0 10px;font-size:.82rem;font-weight:800;white-space:nowrap}.icon-button:hover,.theme-toggle:hover,.segmented-control button:hover,.run-row:hover,.check-row:hover,.command:hover{border-color:var(--color-hover)}.command:disabled,.icon-button:disabled,.theme-toggle:disabled{opacity:.5}.host-list{min-width:0;flex:1;flex-wrap:wrap;gap:7px;color:var(--color-muted);font-size:.82rem}.host-list span{max-width:220px;overflow:hidden;padding:5px 8px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);text-overflow:ellipsis;white-space:nowrap}.review-layout{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(320px,1.15fr) minmax(560px,2.2fr);gap:14px;align-items:start;padding:14px 24px 0}.panel,.metadata-panel,.empty-panel{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.panel{min-width:0}.run-list-panel,.run-detail-panel,.check-detail-panel{display:grid;gap:12px;padding:12px}.panel-header{justify-content:space-between;gap:12px;min-height:28px;color:var(--color-muted);font-size:.8rem}.panel-header span{display:flex;min-width:0;align-items:center;gap:7px;overflow:hidden;font-weight:800;letter-spacing:0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.panel-header strong{overflow:hidden;color:var(--color-text);font-size:.8rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.panel-header.is-compact{min-height:22px}.run-list,.check-list{display:grid;gap:8px}.run-row,.check-row{width:100%;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);background:var(--color-surface-raised);text-align:left}.run-row{display:grid;gap:8px;padding:10px}.run-row.is-selected,.check-row.is-selected{border-color:var(--color-accent);background:var(--color-accent-subtle);box-shadow:inset 3px 0 0 var(--color-accent)}.row-title{display:flex;min-width:0;align-items:center;gap:8px;font-weight:800}.run-meta{min-width:0;gap:5px;overflow:hidden;color:var(--color-muted);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.run-counts{justify-content:space-between;gap:8px;color:var(--color-muted);font-size:.78rem}.run-counts strong{color:var(--color-text)}.run-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fact{min-width:0;gap:7px;padding:8px;border:1px solid var(--color-border-subtle);border-radius:8px;background:var(--color-surface-raised);font-size:.8rem}.fact span{color:var(--color-muted)}.fact strong{min-width:0;overflow:hidden;margin-left:auto;text-overflow:ellipsis;white-space:nowrap}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.summary-metric{min-width:0;padding:8px;border-radius:8px;background:var(--color-surface-alt);border-top:4px solid var(--color-neutral)}.summary-metric span{display:block;color:var(--color-muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.summary-metric strong{display:block;margin-top:3px;font-size:1.16rem}.summary-metric.danger{border-top-color:var(--color-danger)}.summary-metric.warning{border-top-color:var(--color-warning)}.summary-metric.success{border-top-color:var(--color-success)}.summary-metric.info{border-top-color:var(--color-accent)}.search-box{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.search-box input{width:100%;height:30px;min-width:0;padding:0;border:0;outline:0}.check-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:9px}.check-main{display:flex;min-width:0;align-items:center;gap:8px}.check-main>span:last-child{display:grid;min-width:0;gap:2px}.check-main strong,.check-main small,.check-heading p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check-main strong{font-size:.86rem}.check-main small{color:var(--color-muted);font-size:.74rem}.check-metric{color:var(--color-muted);font-size:.82rem;font-weight:800}.check-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.check-title-line{min-width:0;gap:9px}.check-heading p{max-width:860px;margin-top:5px;color:var(--color-muted);font-size:.84rem}.action-bar{flex-wrap:wrap;justify-content:flex-end;gap:8px}.command{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid var(--color-border-strong);border-radius:7px;color:var(--color-text);background:var(--color-surface);font-size:.84rem;font-weight:800}.command.success{border-color:var(--color-success-border);color:var(--color-success-text)}.command.danger{border-color:var(--color-danger-border);color:var(--color-danger-text)}.command.neutral{border-color:var(--color-accent-border);color:var(--color-accent-text)}.viewer-toolbar{justify-content:space-between;gap:12px;padding-top:2px}.segmented-control{flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-alt)}.segmented-control button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 9px;border:1px solid transparent;border-radius:6px;color:var(--color-muted);background:transparent;font-size:.8rem;font-weight:800}.segmented-control button.is-active{border-color:var(--color-accent);color:var(--color-text);background:var(--color-surface)}.range-control{gap:8px;min-width:190px;color:var(--color-muted);font-size:.8rem;font-weight:800}.range-control input{width:112px;height:22px;padding:0}.image-stage{min-height:330px;overflow:hidden;border:1px solid var(--color-border);border-radius:8px;background:linear-gradient(45deg,var(--color-checker) 25%,transparent 25%),linear-gradient(-45deg,var(--color-checker) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-checker) 75%),linear-gradient(-45deg,transparent 75%,var(--color-checker) 75%);background-color:var(--color-surface-subtle);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.side-by-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px}.artifact-frame{display:grid;grid-template-rows:30px minmax(0,1fr);min-width:0;min-height:330px;background:var(--color-surface)}.artifact-frame figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border-bottom:1px solid var(--color-border);color:var(--color-muted);font-size:.76rem;font-weight:800;text-transform:uppercase}.artifact-frame figcaption span,.artifact-frame figcaption small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artifact-frame figcaption small{flex:0 0 auto;color:var(--color-muted-strong);font-size:.72rem;font-weight:700;text-transform:none}.artifact-frame img,.overlay-stage img{display:block;width:100%;height:100%;object-fit:contain}.artifact-frame.is-unavailable{background:var(--color-surface-subtle)}.artifact-state{display:grid;align-content:center;justify-items:center;gap:8px;min-height:300px;padding:18px;color:var(--color-muted);text-align:center}.artifact-state svg{color:var(--color-warning-strong)}.artifact-state strong{color:var(--color-text);font-size:.92rem}.artifact-state span,.artifact-state small{max-width:28ch;overflow-wrap:anywhere;line-height:1.35}.artifact-state span{font-size:.82rem;font-weight:700}.artifact-state small{color:var(--color-muted-strong);font-size:.76rem}.overlay-stage{position:relative;aspect-ratio:16 / 9;min-height:360px;background:var(--color-surface)}.overlay-stage img{position:absolute;inset:0;padding:8px}.candidate-overlay{mix-blend-mode:multiply}.split-line{position:absolute;top:0;bottom:0;width:2px;background:var(--color-text);box-shadow:0 0 0 1px var(--color-surface)}.diff-only{display:grid}.diff-only .artifact-frame{min-height:360px}.metadata-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metadata-panel{display:grid;gap:10px;min-width:0;padding:10px}.definition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.definition-grid div,.definition-list div{min-width:0}.definition-list{display:grid;gap:7px}.baseline-history{display:grid;gap:8px}.audit-event-list{display:grid;gap:7px;max-height:260px;overflow:auto;padding-right:2px}.audit-event-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;min-width:0;padding:7px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface-subtle)}.audit-event-row div{display:grid;min-width:0;gap:2px}.audit-event-row strong,.audit-event-row div>span,.audit-event-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-event-row strong{color:var(--color-text);font-size:.78rem}.audit-event-row div>span,.audit-event-row small{color:var(--color-muted);font-size:.72rem}.audit-event-row small{color:var(--color-muted-strong)}.audit-dot{width:8px;height:8px;margin-top:5px;border-radius:999px;background:var(--color-accent)}.audit-dot.success{background:var(--color-success)}.audit-dot.danger{background:var(--color-danger)}.audit-dot.warning{background:var(--color-warning)}.audit-dot.info{background:var(--color-accent)}.baseline-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0;padding:8px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-subtle)}.baseline-history-row div{display:grid;min-width:0}.baseline-history-row strong{color:var(--color-text);font-size:.78rem}.baseline-history-row span,.baseline-history-row small,.empty-copy{min-width:0;color:var(--color-muted);font-size:.72rem;overflow-wrap:anywhere}.icon-command{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 8px;border:1px solid var(--color-accent-border);border-radius:7px;color:var(--color-accent-text);background:var(--color-surface);font-size:.76rem;font-weight:800}.icon-command:disabled{cursor:not-allowed;opacity:.45}dt{color:var(--color-muted);font-size:.72rem;font-weight:800;text-transform:uppercase}dd{min-width:0;overflow:hidden;margin-top:2px;color:var(--color-text);font-size:.86rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.chip-list{display:flex;flex-wrap:wrap;gap:6px}.chip{max-width:100%;overflow:hidden;padding:5px 7px;border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted);background:var(--color-surface-subtle);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.auth-chip{border-color:var(--color-accent-border);color:var(--color-accent-text);background:var(--color-accent-subtle)}.mask-evidence{display:grid;gap:7px}.mask-evidence-row{display:grid;grid-template-columns:minmax(72px,.55fr) minmax(0,1.45fr);gap:2px 8px;padding:7px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface-subtle)}.mask-evidence-row span,.mask-evidence-row small{color:var(--color-muted-strong);font-size:.72rem;font-weight:800}.mask-evidence-row strong{min-width:0;overflow:hidden;color:var(--color-text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.mask-evidence-row small{grid-column:2;font-weight:700}.capture-row{border-color:var(--color-capture-border);background:var(--color-bar-subtle)}.budget-meter{display:grid;gap:5px}.budget-meter div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.8rem}.budget-meter span{color:var(--color-muted);font-weight:800}.budget-meter strong{color:var(--color-text)}.meter-track{height:8px;overflow:hidden;border-radius:999px;background:var(--color-meter-track)}.meter-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-success),var(--color-warning))}.budget-meter small{color:var(--color-muted);font-size:.74rem}.usage-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.usage-stat{min-width:0;padding:8px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-subtle)}.usage-stat span,.usage-stat strong{display:block;min-width:0;overflow-wrap:anywhere}.usage-stat span{color:var(--color-muted);font-size:.72rem;font-weight:800}.usage-stat strong{margin-top:3px;color:var(--color-text);font-size:.82rem}.status-badge{gap:5px;width:fit-content;max-width:100%;min-height:24px;padding:0 8px;border-radius:999px;font-size:.76rem;font-weight:800;white-space:nowrap}.status-badge.is-compact{min-height:22px;padding:0 7px;font-size:.72rem}.status-badge.success{color:var(--color-success-text);background:var(--color-success-subtle)}.status-badge.danger{color:var(--color-danger-text);background:var(--color-danger-subtle)}.status-badge.warning{color:var(--color-warning-text);background:var(--color-warning-subtle)}.status-badge.info{color:var(--color-accent-text);background:var(--color-info-subtle)}.status-badge.muted{color:var(--color-muted);background:var(--color-muted-subtle)}.status-dot{width:9px;height:9px;flex:0 0 auto;border-radius:999px;background:var(--color-neutral)}.status-dot.success{background:var(--color-success)}.status-dot.danger{background:var(--color-danger)}.status-dot.warning{background:var(--color-warning)}.status-dot.info{background:var(--color-accent)}.activity-footer{position:sticky;bottom:0;z-index:2;justify-content:space-between;gap:12px;margin:14px 24px 0;padding:9px 12px;border:1px solid var(--color-border);border-radius:8px;color:var(--color-muted);background:var(--color-surface);font-size:.8rem}.empty-panel{width:min(760px,calc(100% - 40px));margin:48px auto;padding:24px}@media(max-width:1260px){.review-layout{grid-template-columns:minmax(230px,.75fr) minmax(0,2fr)}.check-detail-panel{grid-column:1 / -1}.metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:840px){.topbar,.workspace-toolbar,.admin-session-strip,.activity-footer{align-items:stretch;flex-direction:column}.workspace-toolbar,.admin-session-strip{padding:12px}.topbar-actions{width:100%;justify-content:space-between}.project-select,.api-settings,.live-loader,.admin-session-form,.project-admin-form,.org-delete-form,.cost-center-admin-panel,.support-health-panel,.session-summary{min-width:0;width:100%}.live-loader,.admin-session-form,.project-admin-form,.org-delete-form,.cost-center-admin-panel,.support-health-panel{display:grid;flex:0 1 auto;grid-template-columns:1fr}.review-layout{grid-template-columns:1fr;padding:12px}.check-heading,.viewer-toolbar{grid-template-columns:1fr}.check-heading{display:grid}.action-bar,.viewer-toolbar{justify-content:flex-start}.side-by-side,.metadata-grid,.run-facts,.summary-grid,.support-health-grid,.cost-center-usage-grid{grid-template-columns:1fr}.artifact-frame,.diff-only .artifact-frame,.overlay-stage{min-height:260px}.activity-footer{position:static;margin:12px}.mask-evidence-row{grid-template-columns:1fr}.mask-evidence-row small{grid-column:auto}}