:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;font-size:16px;--bg: #f2f2f2;--panel: #ffffff;--panel-soft: #fafafa;--line: #dcdcdc;--line-strong: #b4b4b4;--text: #101010;--muted: #6a6a6a;--accent: #ed3628;--info: #0f7aa5;--amber: #b07d00;--coral: #c71e12;--good: #146a4b;--page: 1180px;--gap: 14px;--mono: Menlo, Monaco, Consolas, monospace;--label: .7rem;--small: .82rem;--body: .9rem;--title: .98rem}*{box-sizing:border-box}html{scroll-padding-top:72px}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-size:var(--body);line-height:1.5}button,input,textarea,select{font:inherit;border-radius:0}code,pre{font-family:var(--mono)}p{margin:0}a{color:var(--accent)}.shell{min-height:100vh;padding:0 20px 64px}.masthead,.statusbar,.stack,.app-footer{width:min(var(--page),100%);margin:0 auto}.masthead{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:40px 0 24px}.masthead h1{margin:0 0 10px;font-family:BT Futura W01,Arial,Helvetica,sans-serif;font-size:clamp(1.75rem,3.2vw,2.4rem);font-weight:700;line-height:1.05;letter-spacing:-.02em;text-transform:uppercase}.lede{max-width:72ch;color:var(--muted);line-height:1.6}.masthead-links{display:flex;gap:18px;flex-shrink:0;padding-top:6px;font-size:var(--small)}.masthead-links a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line-strong);padding-bottom:2px}.masthead-links a:hover{color:var(--accent);border-color:var(--accent)}.masthead-links a.masthead-mail{white-space:nowrap}.statusbar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:10px 14px;border:1px solid var(--line);border-left:3px solid var(--line-strong);background:var(--panel);box-shadow:0 1px #0000000d}.statusbar.tone-valid-resolved{border-left-color:var(--good)}.statusbar.tone-attention{border-left-color:var(--accent)}.statusbar-run{display:flex;align-items:baseline;gap:10px;min-width:0}.statusbar-run strong{text-transform:uppercase;letter-spacing:.04em;font-size:var(--small)}.statusbar-run span:last-child{color:var(--muted);font-size:var(--small)}.status-dot{align-self:center;width:8px;height:8px;flex-shrink:0;background:var(--line-strong)}.tone-valid-resolved .status-dot{background:var(--good)}.tone-attention .status-dot{background:var(--accent)}.statusbar-metrics{display:flex;flex-wrap:wrap;gap:0}.statusbar-metrics .metric{padding:0 14px;border-left:1px solid var(--line)}.statusbar-metrics .metric:first-child{border-left:0}.metric{display:flex;align-items:baseline;gap:8px;min-width:0}.metric span{color:var(--muted);font-size:var(--label);text-transform:uppercase;letter-spacing:.07em}.metric strong{font-size:var(--title);font-variant-numeric:tabular-nums}.accent-error strong{color:var(--coral)}.accent-warning strong{color:var(--amber)}.accent-info strong{color:var(--info)}.accent-good strong{color:var(--good)}.metric-strip{display:flex;flex-wrap:wrap;gap:0;margin-bottom:14px;border:1px solid var(--line);background:var(--panel-soft)}.metric-strip .metric{flex:1 1 auto;padding:10px 14px;border-left:1px solid var(--line)}.metric-strip .metric:first-child{border-left:0}.stack{display:flex;flex-direction:column;gap:var(--gap);margin-top:var(--gap)}.panel{border:1px solid var(--line);background:var(--panel);scroll-margin-top:64px}.panel-head,.panel-head.static{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;border:0;background:none;color:inherit;text-align:left}.panel-head{cursor:pointer}.panel-head.static{padding-left:40px}.panel-head:hover h2{color:var(--accent)}.panel.is-open>.panel-head,.panel-head.static{border-bottom:1px solid var(--line)}.panel h2{margin:0;font-family:BT Futura W01,Arial,Helvetica,sans-serif;font-size:var(--title);font-weight:700;letter-spacing:.02em;text-transform:uppercase}.panel-meta{display:inline-flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.panel-chevron{display:inline-flex;width:14px;flex-shrink:0;color:var(--muted);transition:transform .15s ease}.panel-chevron.open{transform:rotate(180deg)}.panel-body{padding:16px}.panel-static .panel-body>.source-field+.source-divider{margin-top:4px}.tag,.badge,.pill,.chip{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid var(--line);background:#f3f3f3;color:var(--muted)}.tag{padding:3px 8px;font-size:var(--label);text-transform:uppercase;letter-spacing:.06em}.badge{min-width:28px;padding:3px 8px;background:#ececec;color:var(--text);font-size:var(--small);font-variant-numeric:tabular-nums}.pill,.chip{padding:3px 8px;font-size:var(--label);text-transform:uppercase;letter-spacing:.06em}.pill.muted{background:#f3f3f3}.pill.good,.status-ok,.risk-ok,.transport-https,.profile-pass,.hop-ok.pill{border-color:#cde5d8;background:#eff9f4;color:var(--good)}.status-ready,.risk-attention,.profile-attention,.hop-warning.pill{border-color:#e8dcbe;background:#fbf7ec;color:var(--amber)}.status-failed,.risk-risk,.transport-http,.profile-fail,.hop-error.pill{border-color:#f0d2ce;background:#fff4f2;color:var(--coral)}.source-field{padding:12px 14px;border:1px solid var(--line);background:var(--panel-soft)}.source-field.is-active{border-color:var(--line-strong);background:var(--panel);box-shadow:inset 3px 0 0 var(--accent)}.field-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.field-label{font-size:var(--label);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.field-note{color:var(--muted);font-size:var(--small)}.field-error{margin-top:8px;color:var(--coral);font-size:var(--small)}.url-row{display:flex;gap:8px}.url-row input{flex:1 1 auto;min-width:0;min-height:42px;padding:0 12px;border:1px solid var(--line-strong);background:#fff;color:var(--text);font-family:var(--mono);font-size:var(--small)}.url-row button{flex:0 0 auto;min-height:42px}.url-row input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 2px #ed362824}.source-divider{display:flex;align-items:center;gap:12px;margin:12px 0;color:var(--muted);font-size:var(--label);text-transform:uppercase;letter-spacing:.08em}.source-divider:before,.source-divider:after{content:"";flex:1 1 auto;height:1px;background:var(--line)}.editor-shell{--editor-line-height: 24px;--editor-padding-top: 12px;--editor-padding-inline: 14px;--editor-annotation-width: 220px;position:relative;border:1px solid var(--line-strong);background:#fff;overflow:hidden}.editor-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #ed362824}.editor-stale{border-style:dashed}.editor-overlay{position:absolute;inset:0;overflow:clip;pointer-events:none;z-index:2}.editor-scroll-layer{position:relative;min-height:100%}.editor-inline-marker{position:absolute;left:0;right:0;height:var(--editor-line-height)}.editor-inline-marker:before{content:"";position:absolute;inset:1px 0}.editor-inline-marker.severity-error:before{background:#c71e1214}.editor-inline-marker.severity-warning:before{background:#b07d0017}.editor-inline-marker.severity-info:before{background:#0f7aa514}.editor-inline-chip{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:8px;max-width:calc(var(--editor-annotation-width) - 8px);min-height:20px;padding:0 8px;overflow:hidden;border:1px solid var(--line);background:#fffffff0;color:var(--text);cursor:pointer;pointer-events:auto;text-align:left;text-transform:none;letter-spacing:0;font-size:var(--label)}.editor-inline-chip:hover,.editor-inline-chip.active{border-color:var(--accent)}.editor-inline-chip strong,.editor-inline-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-inline-chip strong{flex:0 0 auto}.editor-inline-chip span{min-width:0;color:var(--muted)}textarea.annotated-textarea{display:block;position:relative;z-index:1;width:100%;min-height:240px;max-height:60vh;border:0;padding:var(--editor-padding-top) var(--editor-padding-inline) 12px;background:transparent;color:var(--text);resize:vertical;font-family:var(--mono);font-size:var(--small);line-height:var(--editor-line-height);white-space:pre;overflow-x:auto}.editor-shell.has-markers textarea.annotated-textarea{padding-right:calc(var(--editor-annotation-width) + 14px)}textarea.annotated-textarea:focus{outline:0}.editor-status-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.editor-status-note{padding:4px 8px;border:1px solid var(--line);background:#f7f7f7;color:var(--muted);font-size:var(--small)}.action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.action-row button,.scenario-reset,.findings-clear,.macro-toolbar button,.macro-row button,.runner-toolbar button{min-height:40px;padding:0 16px;border:1px solid var(--line-strong);background:#fff;color:var(--text);cursor:pointer;font-size:var(--small);font-weight:600;transition:border-color .12s ease,background-color .12s ease}.action-row button:disabled,.scenario-reset:disabled,.runner-toolbar button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.secondary{border-color:var(--accent);color:var(--accent)}button.ghost{border-color:var(--line-strong);color:var(--text)}.clear-button{margin-left:auto;color:var(--muted)}button:not(:disabled).clear-button:hover{color:var(--coral);border-color:var(--coral);background:#fff5f4}button:not(:disabled).primary:hover{background:#d32b1e}button:not(:disabled).secondary:hover,button:not(:disabled).ghost:hover{background:#f4f4f4;border-color:var(--accent)}.banner{margin-top:12px;padding:10px 12px;border:1px solid var(--line);font-size:var(--small);line-height:1.55}.banner.error{border-color:#efb0aa;background:#fff5f4;color:#6a150d}.banner.success{border-color:#cde5d8;background:#f2faf6;color:#0d4d35}.scenario-block{margin-top:14px;border-top:1px solid var(--line)}.scenario-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:12px 0 0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.scenario-toggle strong{font-size:var(--label);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.scenario-toggle-note{color:var(--muted);font-size:var(--small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scenario-body{padding-top:12px}.scenario-toolbar{display:grid;gap:8px}.scenario-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;align-items:end}.scenario-filter{display:grid;gap:5px}.scenario-filter span{color:var(--muted);font-size:var(--label);letter-spacing:.07em;text-transform:uppercase}.scenario-filter select,.scenario-search input{min-height:40px;padding:0 10px;border:1px solid var(--line-strong);background:#fff;color:var(--text);font-size:var(--small)}.scenario-search input{width:100%}.scenario-filter select:focus,.scenario-search input:focus{outline:0;border-color:var(--accent)}.scenario-count{margin:10px 0 14px;color:var(--muted);font-size:var(--small)}.scenario-groups{display:grid;gap:18px}.scenario-group-head{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;flex-wrap:wrap}.scenario-group-head strong{font-size:var(--label);letter-spacing:.08em;text-transform:uppercase}.scenario-group-head span{color:var(--muted);font-size:var(--small)}.scenario-list{display:flex;flex-direction:column;border:1px solid var(--line)}.scenario-row{display:flex;align-items:center;gap:10px;width:100%;min-width:0;padding:8px 10px;border:0;border-top:1px solid var(--line);background:#fff;color:var(--text);text-align:left;cursor:pointer;overflow:hidden;font-size:var(--small)}.scenario-row:first-child{border-top:0}.scenario-row:hover{background:#f7f7f7}.scenario-row.active{background:#fff5f4;box-shadow:inset 3px 0 0 var(--accent)}.scenario-row strong{flex-shrink:0;white-space:nowrap}.scenario-row-description{flex:1 1 auto;min-width:0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scenario-tag-row{display:inline-flex;gap:4px;flex-shrink:0}.scenario-pill,.scenario-chip{display:inline-flex;align-items:center;flex-shrink:0;padding:2px 6px;border:1px solid var(--line);background:#f6f6f6;color:var(--muted);font-size:var(--label);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.scenario-expand-toggle{margin-top:8px;padding:5px 10px;border:1px solid var(--line);background:none;color:var(--muted);font-size:var(--label);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.scenario-expand-toggle:hover{border-color:var(--accent);color:var(--accent)}.scenario-empty{padding:14px;border:1px dashed var(--line-strong);color:var(--muted)}.lens-row{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--line)}.lens{display:flex;align-items:center;gap:8px;flex:1 1 auto;justify-content:space-between;padding:10px 12px;border:0;border-left:1px solid var(--line);background:var(--panel-soft);color:var(--muted);cursor:pointer;font-size:var(--small);text-align:left}.lens:first-child{border-left:0}.lens:hover{background:#f2f2f2}.lens.active{background:#fff;color:var(--text);font-weight:700;box-shadow:inset 0 -2px 0 var(--accent)}.lens-note{margin:12px 0 8px;color:var(--muted);font-size:var(--small);line-height:1.55}.lens-reasons{margin:0 0 14px;padding-left:18px;color:var(--muted);font-size:var(--small);line-height:1.6}.findings-filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.findings-filter-note{color:var(--muted);font-size:var(--small)}.findings-selected{box-shadow:inset 3px 0 0 var(--accent)}.findings-feedback{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:var(--small);line-height:1.55}.table-surface{display:grid;border:1px solid var(--line);background:var(--panel)}.table-head,.table-row{display:grid;align-items:start}.table-head{background:#f3f3f3;border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--label);font-weight:700;letter-spacing:.07em;text-transform:uppercase}.table-row+.table-row{border-top:1px solid #ededed}.table-head>span,.table-cell{padding:9px 12px}.table-cell{min-width:0;font-size:var(--small);word-break:break-word}.row-location{color:var(--muted);font-family:var(--mono)}.row-detail{display:grid;gap:4px}.row-detail p,.row-detail strong,.row-detail small,.row-detail span{margin:0}.row-detail small,.row-detail span{color:var(--muted)}.url-code{display:block;color:var(--muted);font-family:var(--mono);font-size:var(--label);white-space:pre-wrap;overflow-wrap:anywhere}.url-text{color:inherit;overflow-wrap:anywhere}a.url-link,.line-jump,.rule-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--line-strong);text-underline-offset:2px}a.url-link:hover,a.url-link:focus-visible,.line-jump:hover,.line-jump:focus-visible,.rule-link:hover,.rule-link:focus-visible{color:var(--accent);text-decoration-color:var(--accent)}.rule-link{font-family:var(--mono);overflow-wrap:anywhere}.line-jump{padding:0;border:0;background:none;font:inherit;cursor:pointer}.external-glyph{width:.72em;height:.72em;margin-left:.36em;vertical-align:baseline;opacity:.65}a:hover>.external-glyph,a:focus-visible>.external-glyph{opacity:1}.findings-columns{grid-template-columns:90px minmax(160px,.8fr) 90px minmax(0,2fr)}.waterfall-columns{grid-template-columns:minmax(110px,.5fr) 92px minmax(0,1fr) minmax(0,1fr)}.asset-columns{grid-template-columns:minmax(140px,.7fr) minmax(120px,.7fr) 104px 104px 104px minmax(0,1.4fr)}.verification-columns{grid-template-columns:minmax(150px,.8fr) 120px minmax(0,1.7fr)}.waterfall-table,.runtime-table{max-height:520px;overflow:auto}.waterfall-table .table-head{position:sticky;top:0;z-index:1}.severity-error .chip{background:#fff1ef;color:#8b2017;border-color:#efb0aa}.severity-warning .chip{background:#fff8eb;color:#8b6400;border-color:#e8dcbe}.severity-info .chip{background:#eef7fb;color:#0e5f81;border-color:#bfd8e6}.hop-grid{display:grid;gap:10px}.hop-card{padding:14px;border:1px solid var(--line);background:var(--panel-soft)}.hop-card.hop-ok{border-left:3px solid var(--good)}.hop-card.hop-warning{border-left:3px solid var(--amber)}.hop-card.hop-error{border-left:3px solid var(--coral)}.hop-topline,.subsection-heading,.resolved-header,.preview-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.hop-topline strong{font-size:var(--title)}.pill-row{display:flex;flex-wrap:wrap;gap:6px}.muted-copy{color:var(--muted);font-size:var(--small);line-height:1.55}.hop-card .muted-copy{margin:4px 0 10px}.hop-card dl{display:grid;gap:8px;margin:12px 0}.hop-notes{display:grid;gap:4px}.hop-notes span{color:var(--muted);font-size:var(--small)}.summary-list,.hop-card dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0 16px;margin:0}.summary-list div,.hop-card dl div{display:grid;gap:3px;align-content:start;padding:8px 0;border-top:1px solid #ededed}.summary-list dt,.hop-card dt{color:var(--muted);font-size:var(--label);letter-spacing:.07em;text-transform:uppercase}.summary-list dd,.hop-card dd{margin:0;font-size:var(--small);word-break:break-word}.truncate-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subsection-heading{margin:18px 0 10px;color:var(--muted);font-size:var(--small)}.subsection-heading strong{color:var(--text);font-size:var(--label);letter-spacing:.08em;text-transform:uppercase}.resolved-grid{display:grid;gap:10px}.resolved-card{padding:14px;border:1px solid var(--line);background:var(--panel-soft)}.resolved-card h3,.preview-card h3{margin:2px 0 0;font-family:BT Futura W01,Arial,Helvetica,sans-serif;font-size:var(--title);text-transform:uppercase}.resolved-card .summary-list,.preview-card .summary-list{margin-top:12px}.media-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;margin-top:12px}.media-item{display:grid;gap:4px;align-content:start;padding:10px;border:1px solid var(--line);background:#fff;font-size:var(--small)}.media-item span{color:var(--muted)}.media-item .url-code{font-size:var(--label);word-break:break-all}.runner-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.playback-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:14px;align-items:start}.runner-stage{display:grid;gap:12px;align-content:start;min-width:0}.runner-video-frame{min-width:0;padding:10px;overflow:hidden;border:1px solid var(--line);background:#000}.runner-video{display:block;width:100%;aspect-ratio:16 / 9;background:#000}.timeline-panel{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:480px;min-height:0;overflow:hidden;border:1px solid var(--line);background:var(--panel-soft)}.timeline-header{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);background:#f3f3f3;color:var(--muted);font-size:var(--label);letter-spacing:.07em;text-transform:uppercase}.timeline-empty{padding:12px;color:var(--muted);font-size:var(--small)}.timeline-list,.macro-preview-list{display:grid;min-height:0;overflow:auto}.timeline-item{display:grid;gap:4px;padding:10px 12px;border-top:1px solid #ededed;font-size:var(--small)}.timeline-item:first-child{border-top:0}.timeline-topline{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.timeline-topline strong{min-width:0;overflow-wrap:anywhere}.timeline-topline span{color:var(--muted);font-size:var(--label);white-space:nowrap}.timeline-item p{color:var(--muted);overflow-wrap:anywhere}.kind-ui strong{color:var(--accent)}.kind-media strong,.kind-simid strong{color:var(--info)}.qa-stage-stack{display:grid;gap:8px;min-width:0}.qa-stage-stack:has([data-simid-iframe]){grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);grid-template-rows:auto auto auto;align-items:stretch}.qa-stage-stack:has([data-simid-iframe])>*{min-width:0}.qa-stage-stack:has([data-simid-iframe]) .qa-stage{grid-column:1;grid-row:1}.qa-stage-stack:has([data-simid-iframe]) .qa-simid-transport{grid-column:1;grid-row:2}.qa-stage-stack:has([data-simid-iframe]) .qa-simid-protocol{grid-column:1;grid-row:3}.qa-stage-stack:has([data-simid-iframe]) .qa-simid-side{grid-column:2;grid-row:1 / span 3}.qa-stage{position:relative;isolation:isolate;background:#000;min-height:180px;color-scheme:dark}.qa-stage:has([data-simid-iframe]){aspect-ratio:16 / 9;width:100%;min-width:0;min-height:0;overflow:hidden}.qa-stage .runner-video{position:relative;z-index:0;display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;background:#000}.qa-stage:has([data-simid-iframe]) .runner-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;pointer-events:none}.qa-stage-content{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;color:#ffffff47;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;background:#000}.qa-overlay-static{position:absolute;left:8%;right:8%;bottom:16px;z-index:2;display:block;max-height:28%}.qa-overlay-static img{display:block;width:100%;max-height:120px;object-fit:contain}.qa-overlay-static.is-stage{inset:0;z-index:2;max-height:none}.qa-overlay-static.is-stage img{width:100%;height:100%;max-height:none;object-fit:contain;background:#000}.qa-stage:has(.qa-overlay-static.is-stage){aspect-ratio:16 / 9}.qa-overlay-simid{position:absolute;inset:0;z-index:3;width:100%;height:100%;border:0;background:transparent;color-scheme:none;pointer-events:auto;transform:translateZ(1px)}.qa-overlay-simid.is-resized{inset:auto}.qa-stage.is-simid-fullscreen{z-index:5}.qa-stage:fullscreen,.qa-stage:-webkit-full-screen{width:100vw;height:100vh;background:#000}.qa-stage:fullscreen .runner-video,.qa-stage:-webkit-full-screen .runner-video,.qa-stage:fullscreen .qa-overlay-simid,.qa-stage:-webkit-full-screen .qa-overlay-simid{width:100%;height:100%}.qa-simid-clickthrough{color:var(--accent);font-size:var(--small)}.qa-simid-kicker{display:inline-flex;align-items:center;margin-right:4px;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.04em}.qa-simid-title{font-size:1.05rem;font-weight:700;line-height:1.3}.qa-simid-status{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid rgba(255,255,255,.28);background:#111;color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.qa-simid-transport,.qa-simid-protocol{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--line);background:var(--panel-soft)}.qa-simid-transport{flex-direction:column;align-items:stretch}.qa-simid-transport-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.qa-simid-transport-row button,.qa-simid-protocol button,.qa-simid-log-tools button,.qa-simid-health-head button{min-height:32px;padding:0 12px;font-size:.84rem;font-weight:600}details.qa-simid-protocol{flex-direction:column;align-items:stretch}.qa-simid-protocol>summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center;cursor:pointer;list-style:none}.qa-simid-protocol>summary::-webkit-details-marker,.qa-simid-more>summary::-webkit-details-marker{display:none}.qa-simid-protocol>summary::marker,.qa-simid-more>summary::marker{content:""}.qa-simid-protocol-body{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.qa-simid-more>summary{cursor:pointer;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.04em;list-style:none}.qa-simid-health .qa-simid-more,details.qa-simid-protocol{width:100%}.qa-simid-more-body{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.qa-simid-health .qa-simid-more{margin-top:10px}.qa-simid-transport-row .qa-simid-more{display:inline-block}.qa-simid-transport-row .qa-simid-more>summary{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid var(--line);font-size:.84rem;font-weight:600;color:inherit;letter-spacing:0}.qa-simid-transport-row .qa-simid-more[open]{display:block;width:100%}.qa-simid-seek{flex:1;min-width:120px}.qa-simid-volume{width:88px}.qa-simid-clock{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700;color:var(--text)}.qa-simid-check{display:inline-flex;gap:6px;align-items:center;font-size:var(--small)}.qa-simid-skipoffset{margin-left:auto;color:var(--muted);font-size:.82rem}.qa-simid-log-col{display:flex;flex-direction:column;min-height:0;gap:6px}.qa-simid-log-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.qa-simid-log-tools .ghost.is-active{border-color:var(--accent);color:var(--accent)}.qa-simid-log{margin:0;padding:10px 12px;max-height:280px;overflow:auto;border:1px solid var(--line);background:#0a0a0a;color:#e8e8e8;font-family:var(--mono);font-size:.82rem;line-height:1.45;list-style:none}.qa-simid-log-col.is-tall .qa-simid-log{max-height:none;flex:1;min-height:180px}.qa-simid-log li{display:grid;gap:4px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.qa-simid-log-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:baseline}.qa-simid-log time{color:#9a9a9a;font-size:.75rem;font-variant-numeric:tabular-nums}.qa-simid-log strong{font-size:.88rem;letter-spacing:0;overflow-wrap:anywhere}.qa-simid-log-copy{min-height:28px!important;padding:0 8px!important;font-size:.75rem!important}.qa-simid-log-out strong{color:#8ecfff}.qa-simid-log-in strong{color:#9fe29f}.qa-simid-log-note strong{color:#e8c27a}.qa-simid-side{display:flex;flex-direction:column;gap:8px;min-height:0}.qa-simid-health{padding:10px 12px;border:1px solid var(--line);background:var(--panel-soft);font-size:.88rem;line-height:1.45;overflow:auto}.qa-simid-health[data-simid-health-status=failed]{border-color:var(--accent)}.qa-simid-health[data-simid-health-status=healthy]{border-color:var(--good)}.qa-simid-health-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.qa-copy-status{min-height:1.2em;color:var(--good);font-size:.82rem;font-weight:600}.qa-simid-facts{display:flex;flex-wrap:wrap;gap:8px 16px;margin:10px 0 0}.qa-simid-facts div{display:grid;gap:2px}.qa-simid-facts dt{color:var(--muted);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.qa-simid-facts dd{margin:0;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qa-copy-value,.qa-copy-heal{display:grid;gap:2px;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;word-break:break-all}.qa-copy-value:hover,.qa-copy-heal:hover{color:var(--accent)}.qa-simid-health-ok{margin:8px 0 0;color:var(--good)}.qa-simid-heals{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:8px}.qa-simid-heals li{display:grid}.qa-simid-heal-fail{color:var(--accent)}.qa-simid-heal-warning{color:var(--amber)}.qa-simid-heal-info{color:var(--muted)}.qa-simid-tracking{margin:8px 0 0;padding:0;list-style:none;color:var(--muted);word-break:break-all}.qa-simid-coverage-wrap{margin-top:10px}.qa-simid-coverage-wrap summary{cursor:pointer;color:var(--muted);font-size:.82rem;font-weight:600}.qa-simid-coverage{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0 0;padding:0;list-style:none}.qa-simid-coverage li{padding:2px 6px;border:1px solid var(--line);font-size:.7rem;color:var(--muted)}.qa-simid-coverage li.is-seen{border-color:var(--good);color:var(--good)}.qa-simid-swap{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.qa-simid-swap input{flex:1;min-width:160px}.qa-inspect-facts{margin:8px 0 0;padding:0;list-style:none;color:var(--muted);font-size:var(--small);line-height:1.45;word-break:break-all}.qa-inspect{margin-bottom:14px}.qa-inspect-actions{display:flex;gap:8px}.qa-inspect-findings{margin:0;padding-left:16px;color:var(--muted);font-size:var(--small);line-height:1.5}.qa-inspect-fail{color:var(--accent)}.qa-inspect-warning{color:var(--amber)}.qa-inspect-pass{color:var(--good)}body.simid-studio-lock{overflow:hidden}.simid-studio-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;padding:10px 12px;border:1px solid var(--line);background:var(--panel-soft)}.simid-studio-bar-actions{display:flex;flex-wrap:wrap;gap:8px;flex:0 0 auto}.simid-guide{border:1px solid var(--line);background:var(--panel)}.simid-guide-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.simid-guide-toggle:hover{background:var(--panel-soft)}.simid-guide-thumb-wrap{position:relative;flex:0 0 auto}.simid-guide-thumb{display:block;width:128px;height:72px;object-fit:cover;background:#111;border:1px solid var(--line)}.simid-guide-thumb-wrap:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #ffffff;transform:translate(-35%,-50%);filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.simid-guide.is-open .simid-guide-thumb-wrap:after{display:none}.simid-guide-copy{flex:1 1 auto;min-width:0}.simid-guide-copy strong{display:block;font-size:var(--title)}.simid-guide-copy span{display:block;margin-top:2px;color:var(--muted);font-size:var(--small);font-weight:400}.simid-guide-action{flex:0 0 auto;color:var(--accent);font-size:var(--small);font-weight:600}.simid-guide-player{padding:0 14px 14px;border-top:1px solid var(--line)}.simid-guide-player video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;margin:12px 0 0;background:#000}.simid-studio[data-simid-present=true] .metric-strip,.simid-studio[data-simid-present=true] .runner-toolbar,.simid-studio[data-simid-present=true] .timeline-panel,.simid-studio[data-simid-present=true] .summary-list{display:none}.simid-studio[data-simid-present=true] .playback-shell{grid-template-columns:minmax(0,1fr)}.simid-studio-bar p{margin:4px 0 0;color:var(--muted);font-size:var(--small)}.simid-studio.is-expanded{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px;background:#000;color:#f3f3f3;color-scheme:dark;overflow:hidden}.simid-studio.is-expanded .simid-studio-bar{flex:0 0 auto;margin-bottom:0;border-color:#ffffff29;background:#111}.simid-studio.is-expanded .simid-studio-bar p{color:#c8c8c8;font-size:.92rem}.simid-studio.is-expanded .metric-strip,.simid-studio.is-expanded .runner-toolbar{display:none}.simid-studio.is-expanded .metric span{color:#b5b5b5}.simid-studio.is-expanded .metric strong,.simid-studio.is-expanded .simid-studio-bar strong,.simid-studio.is-expanded .qa-simid-title{color:#fff}.simid-studio.is-expanded .qa-simid-kicker,.simid-studio.is-expanded .qa-simid-skipoffset,.simid-studio.is-expanded .qa-simid-facts dt{color:#b0b0b0}.simid-studio.is-expanded .qa-simid-clock{color:#fff}.simid-studio.is-expanded .runner-toolbar button,.simid-studio.is-expanded .qa-simid-transport button,.simid-studio.is-expanded .qa-simid-protocol button,.simid-studio.is-expanded .qa-simid-log-tools button,.simid-studio.is-expanded .qa-simid-health-head button{background:#1c1c1c;border-color:#ffffff47;color:#f3f3f3}.simid-studio.is-expanded .runner-toolbar button.secondary,.simid-studio.is-expanded .qa-simid-transport button.secondary{border-color:var(--accent);color:var(--accent);background:#1c1c1c}.simid-studio.is-expanded .qa-simid-transport,.simid-studio.is-expanded .qa-simid-protocol,.simid-studio.is-expanded .qa-simid-health{background:#111;border-color:#ffffff24}.simid-studio.is-expanded .qa-simid-swap input{background:#1a1a1a;border:1px solid rgba(255,255,255,.22);color:#f3f3f3}.simid-studio.is-expanded .playback-shell{flex:1;min-height:0;grid-template-columns:minmax(0,1fr);align-items:stretch}.simid-studio.is-expanded .timeline-panel,.simid-studio.is-expanded .summary-list{display:none}.simid-studio.is-expanded .runner-stage,.simid-studio.is-expanded .runner-video-frame,.simid-studio.is-expanded .qa-stage-stack{display:grid;height:100%;min-height:0}.simid-studio.is-expanded .runner-video-frame{padding:0;border-color:#ffffff1f;background:#000}.simid-studio.is-expanded .qa-stage-stack{grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);grid-template-rows:min-content min-content min-content;align-items:start;gap:10px}.simid-studio.is-expanded .qa-stage{grid-column:1;grid-row:1;align-self:start;width:100%;height:auto;aspect-ratio:16 / 9;min-height:0;background:#000}.simid-studio.is-expanded .qa-simid-side{grid-column:2;grid-row:1 / span 3;align-self:stretch;min-height:0}.simid-studio.is-expanded .qa-simid-health{flex:0 1 auto;max-height:34%}.simid-studio.is-expanded .qa-simid-log-col{flex:1;min-height:0}.simid-studio.is-expanded .qa-simid-transport{grid-column:1;grid-row:2}.simid-studio.is-expanded .qa-simid-protocol{grid-column:1;grid-row:3}.simid-studio.is-expanded .qa-stage .runner-video{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.simid-studio.is-expanded .qa-overlay-simid{inset:0;width:100%;height:100%}.simid-studio.is-expanded .qa-overlay-simid.is-resized{inset:auto;width:auto;height:auto}.simid-studio.is-expanded .qa-simid-log{max-height:none;height:100%;min-height:0;font-size:.88rem;border-color:#ffffff24}.simid-studio.is-expanded .banner{flex:0 0 auto}@media(max-aspect-ratio:1/1){.simid-studio.is-expanded{padding:10px 12px 12px;gap:8px}.simid-studio.is-expanded .simid-studio-bar p{display:none}.simid-studio.is-expanded .qa-stage-stack{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr);align-items:stretch;gap:8px}.simid-studio.is-expanded .qa-stage,.simid-studio.is-expanded .qa-simid-transport,.simid-studio.is-expanded .qa-simid-protocol,.simid-studio.is-expanded .qa-simid-side{grid-column:1}.simid-studio.is-expanded .qa-stage{grid-row:1;width:100%}.simid-studio.is-expanded .qa-simid-transport{grid-row:2}.simid-studio.is-expanded .qa-simid-protocol{grid-row:3}.simid-studio.is-expanded .qa-simid-side{grid-row:4;min-height:0}.simid-studio.is-expanded .qa-simid-health{max-height:30%}}.runtime-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.runtime-chip{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid rgba(237,54,40,.24);background:#ed36280f;color:var(--accent);font-size:var(--label);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.muted-chip{border-color:var(--line);background:#f3f3f3;color:var(--muted)}.runtime-table{margin-bottom:14px}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:14px}.preview-card{display:grid;gap:10px;align-content:start;padding:12px;border:1px solid var(--line);background:var(--panel-soft)}.section-label{display:block;color:var(--muted);font-size:var(--label);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.preview-frame{display:flex;align-items:center;justify-content:center;min-height:170px;overflow:hidden;border:1px solid var(--line);background:#fff}.preview-image,.preview-iframe{width:100%;height:100%;min-height:170px;border:0;object-fit:contain}.preview-code{display:block;padding:10px;color:var(--muted);font-size:var(--label);white-space:pre-wrap;word-break:break-word}.preview-empty{padding:12px;color:var(--muted);font-size:var(--small)}.macro-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:8px;margin-bottom:10px}.macro-picker{display:grid;gap:5px}.macro-picker span{color:var(--muted);font-size:var(--label);letter-spacing:.07em;text-transform:uppercase}.macro-picker select,.macro-row input{width:100%;min-height:40px;padding:0 10px;border:1px solid var(--line-strong);background:#fff;color:var(--text);font-size:var(--small)}.macro-row input{font-family:var(--mono)}.macro-editor{display:grid;gap:6px;margin:14px 0}.macro-row{display:grid;grid-template-columns:minmax(130px,.55fr) minmax(0,1fr) auto;gap:8px}.macro-preview-panel{max-height:340px}.report-preview{margin:14px 0 0;max-height:300px;padding:12px;overflow:auto;border:1px solid var(--line);background:var(--panel-soft);font-size:var(--label);line-height:1.6;white-space:pre-wrap;word-break:break-word}.empty-state{padding:14px;border:1px dashed var(--line-strong);background:var(--panel-soft)}.empty-state strong{font-size:var(--small)}.empty-state p{margin-top:6px;color:var(--muted);font-size:var(--small);line-height:1.55}.app-footer{margin-top:32px;padding-top:14px;border-top:1px solid var(--line)}.app-footer p{max-width:90ch;color:var(--muted);font-size:var(--small);line-height:1.65}.sample-note{margin-top:10px;color:var(--muted);font-size:var(--small);line-height:1.55}.sample-note a,.sample-note button{color:inherit;font:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-decoration-style:dotted}@media(max-width:1100px),(max-aspect-ratio:1/1){.simid-studio:not(.is-expanded) .qa-stage-stack:has([data-simid-iframe]){grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto}.simid-studio:not(.is-expanded) .qa-stage-stack:has([data-simid-iframe]) .qa-stage,.simid-studio:not(.is-expanded) .qa-stage-stack:has([data-simid-iframe]) .qa-simid-transport,.simid-studio:not(.is-expanded) .qa-stage-stack:has([data-simid-iframe]) .qa-simid-protocol,.simid-studio:not(.is-expanded) .qa-stage-stack:has([data-simid-iframe]) .qa-simid-side{grid-column:1;grid-row:auto}}@media(max-width:1040px){.playback-shell{grid-template-columns:1fr}.editor-shell{--editor-annotation-width: 150px}.scenario-row{flex-wrap:wrap}.scenario-row-description{white-space:normal}.metric-strip .metric{flex-basis:40%}}@media(max-width:860px){.shell{padding-inline:14px}.masthead{flex-direction:column;gap:14px;padding-top:28px}.statusbar{position:static}.scenario-toolbar,.scenario-filter-grid,.macro-toolbar,.macro-row{grid-template-columns:1fr}.lens{flex:1 1 45%}.findings-columns,.waterfall-columns,.asset-columns,.verification-columns{grid-template-columns:1fr}.table-head{display:none}.table-row{padding:4px 0}.table-cell{display:grid;gap:3px;padding-top:6px;padding-bottom:6px}.table-cell:before{content:attr(data-label);color:var(--muted);font-size:var(--label);font-weight:700;letter-spacing:.07em;text-transform:uppercase}.editor-shell{--editor-annotation-width: 120px}.url-row{flex-wrap:wrap}.url-row button{width:100%}}
