:root{color:#172026;background:#eef2f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}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:#172026}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:14px 24px;background:#fff;border-bottom:1px solid #d7e0e6}.brand-block,.status-strip,.workspace-toolbar,.admin-session-strip,.admin-session-form,.project-admin-form,.org-delete-form,.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,.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:#fff;background:#172026;font-size:.82rem;font-weight:800;letter-spacing:0}.eyebrow{margin-bottom:3px;color:#536b72;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:#526772;font-size:.84rem}.workspace-toolbar{gap:14px;flex-wrap:wrap;padding:12px 24px;background:#f8fafb;border-bottom:1px solid #d7e0e6}.field-group{display:grid;gap:4px}.field-group span,.api-settings span{color:#526772;font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.project-select{min-width:230px}select,input{height:34px;border:1px solid #c9d5dc;border-radius:6px;color:#172026;background:#fff}select{padding:0 32px 0 10px}input{padding:0 10px}.api-settings{min-width:310px;gap:9px;padding:8px 10px;border:1px solid #d7e0e6;border-radius:8px;background:#fff}.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 #d7e0e6;border-radius:8px;background:#fff}.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:#eef5f7;border-bottom:1px solid #d7e0e6}.admin-session-form,.project-admin-form,.org-delete-form{gap:9px;min-width:0;padding:8px 10px;border:1px solid #d7e0e6;border-radius:8px;background:#fff}.support-health-panel{align-items:flex-start;flex:1 1 520px;gap:9px;min-width:0;padding:8px 10px;border:1px solid #d7e0e6;border-radius:8px;background:#fff}.admin-session-form{flex:1 1 760px}.project-admin-form,.org-delete-form{flex:0 1 520px}.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{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:#172026;font-size:.84rem}.session-summary small{color:#526772;font-size:.74rem;font-weight:700}.session-actions{gap:6px}.archive-confirm,.org-delete-confirm{min-width:140px;flex:1 1 140px}.project-admin-form .command,.org-delete-form .command{flex:0 0 auto;white-space:nowrap}.support-health-grid{display:grid;flex:1 1 100%;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.support-health-grid .fact{padding:6px 7px}.support-warning{width:100%;color:#8a520e;font-size:.74rem;font-weight:800}.icon-button{display:grid;width:32px;height:32px;place-items:center;border:1px solid #c9d5dc;border-radius:6px;color:#172026;background:#fff}.icon-button:hover,.segmented-control button:hover,.run-row:hover,.check-row:hover,.command:hover{border-color:#7aa6a1}.command:disabled,.icon-button:disabled{opacity:.5}.host-list{min-width:0;flex:1;flex-wrap:wrap;gap:7px;color:#526772;font-size:.82rem}.host-list span{max-width:220px;overflow:hidden;padding:5px 8px;border:1px solid #d7e0e6;border-radius:999px;background:#fff;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 #d7e0e6;border-radius:8px;background:#fff}.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:#526772;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:#172026;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 #d7e0e6;border-radius:8px;color:#172026;background:#fbfcfd;text-align:left}.run-row{display:grid;gap:8px;padding:10px}.run-row.is-selected,.check-row.is-selected{border-color:#2368b2;background:#f0f6fb;box-shadow:inset 3px 0 #2368b2}.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:#526772;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.run-counts{justify-content:space-between;gap:8px;color:#526772;font-size:.78rem}.run-counts strong{color:#172026}.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 #e0e7eb;border-radius:8px;background:#fbfcfd;font-size:.8rem}.fact span{color:#526772}.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:#f5f8fa;border-top:4px solid #94a3ad}.summary-metric span{display:block;color:#526772;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:#d14b3a}.summary-metric.warning{border-top-color:#dc8a2f}.summary-metric.success{border-top-color:#16865b}.summary-metric.info{border-top-color:#2368b2}.search-box{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:1px solid #d7e0e6;border-radius:8px;background:#fff}.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:#526772;font-size:.74rem}.check-metric{color:#526772;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:#526772;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 #c9d5dc;border-radius:7px;color:#172026;background:#fff;font-size:.84rem;font-weight:800}.command.success{border-color:#7fb79b;color:#0f6845}.command.danger{border-color:#e3a095;color:#a73528}.command.neutral{border-color:#adc5d8;color:#1f5c98}.viewer-toolbar{justify-content:space-between;gap:12px;padding-top:2px}.segmented-control{flex-wrap:wrap;gap:4px;padding:4px;border:1px solid #d7e0e6;border-radius:8px;background:#f5f8fa}.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:#526772;background:transparent;font-size:.8rem;font-weight:800}.segmented-control button.is-active{border-color:#2368b2;color:#172026;background:#fff}.range-control{gap:8px;min-width:190px;color:#526772;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 #d7e0e6;border-radius:8px;background:linear-gradient(45deg,#e9eef2 25%,transparent 25%),linear-gradient(-45deg,#e9eef2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9eef2 75%),linear-gradient(-45deg,transparent 75%,#e9eef2 75%);background-color:#f8fafb;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:#fff}.artifact-frame figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border-bottom:1px solid #d7e0e6;color:#526772;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:#667985;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:#f8fafb}.artifact-state{display:grid;align-content:center;justify-items:center;gap:8px;min-height:300px;padding:18px;color:#526772;text-align:center}.artifact-state svg{color:#dc6b2f}.artifact-state strong{color:#172026;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:#667985;font-size:.76rem}.overlay-stage{position:relative;aspect-ratio:16 / 9;min-height:360px;background:#fff}.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:#172026;box-shadow:0 0 0 1px #fff}.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 #d7e0e6;border-radius:7px;background:#f8fafb}.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:#172026;font-size:.78rem}.audit-event-row div>span,.audit-event-row small{color:#526772;font-size:.72rem}.audit-event-row small{color:#667985}.audit-dot{width:8px;height:8px;margin-top:5px;border-radius:999px;background:#2368b2}.audit-dot.success{background:#16865b}.audit-dot.danger{background:#d14b3a}.audit-dot.warning{background:#dc8a2f}.audit-dot.info{background:#2368b2}.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 #d7e0e6;border-radius:8px;background:#f8fafb}.baseline-history-row div{display:grid;min-width:0}.baseline-history-row strong{color:#172026;font-size:.78rem}.baseline-history-row span,.baseline-history-row small,.empty-copy{min-width:0;color:#526772;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 #adc5d8;border-radius:7px;color:#1f5c98;background:#fff;font-size:.76rem;font-weight:800}.icon-command:disabled{cursor:not-allowed;opacity:.45}dt{color:#526772;font-size:.72rem;font-weight:800;text-transform:uppercase}dd{min-width:0;overflow:hidden;margin-top:2px;color:#172026;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 #d7e0e6;border-radius:999px;color:#526772;background:#f8fafb;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:#adc5d8;color:#1f5c98;background:#f0f6fb}.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 #d7e0e6;border-radius:7px;background:#f8fafb}.mask-evidence-row span,.mask-evidence-row small{color:#667985;font-size:.72rem;font-weight:800}.mask-evidence-row strong{min-width:0;overflow:hidden;color:#172026;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:#c3d5df;background:#eef5f7}.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:#526772;font-weight:800}.budget-meter strong{color:#172026}.meter-track{height:8px;overflow:hidden;border-radius:999px;background:#e2e9ed}.meter-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#16865b,#dc8a2f)}.budget-meter small{color:#526772;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 #d7e0e6;border-radius:8px;background:#f8fafb}.usage-stat span,.usage-stat strong{display:block;min-width:0;overflow-wrap:anywhere}.usage-stat span{color:#526772;font-size:.72rem;font-weight:800}.usage-stat strong{margin-top:3px;color:#172026;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:#0f6845;background:#dff3ea}.status-badge.danger{color:#a73528;background:#fde8e3}.status-badge.warning{color:#8a520e;background:#fff0d8}.status-badge.info{color:#1f5c98;background:#e6f0fb}.status-badge.muted{color:#526772;background:#ecf1f4}.status-dot{width:9px;height:9px;flex:0 0 auto;border-radius:999px;background:#94a3ad}.status-dot.success{background:#16865b}.status-dot.danger{background:#d14b3a}.status-dot.warning{background:#dc8a2f}.status-dot.info{background:#2368b2}.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 #d7e0e6;border-radius:8px;color:#526772;background:#fff;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}.project-select,.api-settings,.live-loader,.admin-session-form,.project-admin-form,.org-delete-form,.support-health-panel,.session-summary{min-width:0;width:100%}.live-loader,.admin-session-form,.project-admin-form,.org-delete-form,.support-health-panel{display:grid;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{grid-template-columns:1fr}.artifact-frame,.diff-only .artifact-frame,.overlay-stage{min-height:260px}.mask-evidence-row{grid-template-columns:1fr}.mask-evidence-row small{grid-column:auto}}