:root{color-scheme:light;--paper: #f4f0e8;--paper-strong: #fffaf0;--ink: #1d2529;--muted: #65706d;--hairline: #d8d0c0;--line-strong: #b7ad9b;--graphite: #273033;--graphite-soft: #354044;--teal: #0f766e;--teal-ink: #0a4d48;--amber: #c77a1f;--rust: #a3412b;--green: #2d7c4b;--red: #b03428;--shadow: 0 18px 60px rgba(39, 48, 51, .14);--mono: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--serif: Georgia, "Times New Roman", serif;--sans: Aptos, "Segoe UI", Tahoma, sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(90deg,rgba(39,48,51,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(39,48,51,.035) 1px,transparent 1px),var(--paper);background-size:28px 28px;color:var(--ink);font-family:var(--sans)}button,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:18px}.command-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px;padding:12px 14px 12px 18px;border:1px solid var(--graphite);border-radius:8px 8px 0 0;background:var(--graphite);color:#fbf7ee;box-shadow:var(--shadow)}.brand-lockup,.command-actions,.panel-title,.section-toolbar,.rail-header,.entry-summary,.risk-chips{display:flex;align-items:center}.brand-lockup{gap:12px;min-width:250px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,250,240,.24);border-radius:7px;color:#c8fff5;background:linear-gradient(145deg,#0f766e6b,#c77a1f2e)}.brand-lockup p,.brand-lockup h1{margin:0}.brand-lockup p{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#c7d6d2}.brand-lockup h1{font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.78rem);font-weight:700;letter-spacing:0}.command-actions{justify-content:flex-end;gap:8px;flex-wrap:wrap}.ghost-button,.primary-button,.mini-button,.icon-button,.filter-button{border:1px solid transparent;border-radius:6px;transition:transform .14s ease,border-color .14s ease,background .14s ease}.ghost-button,.primary-button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-weight:700}.ghost-button{color:#fbf7ee;border-color:#fffaf02e;background:#fffaf00f}.primary-button{color:#10201e;background:#c8fff5;border-color:#c8fff5}.ghost-button:hover,.primary-button:hover,.mini-button:hover,.icon-button:hover,.filter-button:hover{transform:translateY(-1px)}.workspace{display:grid;grid-template-columns:minmax(260px,.88fr) minmax(560px,1.9fr) minmax(310px,.95fr);gap:14px;min-height:calc(100vh - 114px);border:1px solid var(--graphite);border-top:0;border-radius:0 0 8px 8px;background:#fffaf08c;box-shadow:var(--shadow)}.left-rail,.main-console,.right-rail{min-width:0;padding:14px}.left-rail,.right-rail{background:#fffaf0d6}.left-rail{border-right:1px solid var(--hairline)}.right-rail{border-left:1px solid var(--hairline)}.main-console{display:flex;flex-direction:column;gap:14px}.panel-title{gap:9px;min-width:0;color:var(--graphite)}.panel-title svg{flex:0 0 auto;color:var(--teal)}.panel-title h2{margin:0;font-size:.92rem;line-height:1.1;letter-spacing:.01em}.panel-title span{display:block;margin-top:3px;overflow:hidden;color:var(--muted);font-family:var(--mono);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.drop-zone{display:grid;gap:9px;place-items:center;margin-top:14px;min-height:164px;padding:18px;border:1px dashed var(--line-strong);border-radius:8px;background:linear-gradient(135deg,#0f766e14,#c77a1f14),var(--paper-strong);text-align:center}.drop-zone.is-active{border-color:var(--teal);background:#0f766e1a}.drop-zone strong{font-size:.96rem}.drop-zone span{max-width:240px;color:var(--muted);font-size:.82rem;line-height:1.4}.drop-zone input{display:none}.mini-button{min-height:34px;padding:0 12px;color:var(--teal-ink);border-color:#0f766e47;background:#e7f4ef;font-weight:800}.editor-label{display:block;margin:16px 0 8px;color:var(--graphite);font-size:.82rem;font-weight:800}.har-editor{width:100%;min-height:286px;resize:vertical;border:1px solid var(--hairline);border-radius:7px;padding:12px;color:#263134;background:#fffdf7;font-family:var(--mono);font-size:.75rem;line-height:1.5}.notice{display:flex;gap:10px;margin-top:12px;padding:12px;border:1px solid var(--hairline);border-radius:7px;background:#fffdf7}.notice strong,.notice span{display:block}.notice strong{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em}.notice span{margin-top:3px;color:var(--muted);font-size:.82rem;line-height:1.35}.notice.high{color:var(--red);border-color:#b0342859;background:#b0342814}.notice.medium{color:var(--amber);border-color:#c77a1f59;background:#c77a1f1a}.notice.low{color:var(--green);border-color:#2d7c4b59;background:#2d7c4b14}.metrics-grid{display:grid;grid-template-columns:repeat(6,minmax(100px,1fr));gap:8px}.metric-card{min-height:84px;padding:12px;border:1px solid var(--hairline);border-radius:8px;background:#fffdf7}.metric-card svg{color:var(--teal)}.metric-card span,.metric-card strong{display:block}.metric-card span{margin-top:10px;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.metric-card strong{margin-top:3px;font-family:var(--mono);font-size:clamp(1rem,2vw,1.42rem);letter-spacing:0}.metric-card.warn svg,.metric-card.warn strong{color:var(--amber)}.metric-card.danger svg,.metric-card.danger strong{color:var(--red)}.metric-card.ok svg,.metric-card.ok strong{color:var(--green)}.console-section,.domain-panel,.entry-panel{border:1px solid var(--hairline);border-radius:8px;background:#fffdf7eb}.console-section{min-height:448px;padding:12px}.section-toolbar{justify-content:space-between;gap:12px;margin-bottom:10px}.filter-strip{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.filter-button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 9px;color:var(--graphite);border-color:var(--hairline);background:#f8f3e9;font-size:.76rem;font-weight:800;white-space:nowrap}.filter-button b{color:var(--teal);font-family:var(--mono)}.filter-button.active{color:#fbf7ee;border-color:var(--graphite);background:var(--graphite)}.filter-button.active b{color:#c8fff5}.waterfall-list{display:grid;gap:6px;max-height:372px;overflow:auto;padding-right:3px}.waterfall-row{display:grid;grid-template-columns:46px 52px minmax(180px,1.2fr) minmax(150px,1fr) 76px;align-items:center;gap:9px;min-height:42px;width:100%;border:1px solid transparent;border-radius:6px;padding:6px 8px;color:var(--ink);background:#f4f0e89e;text-align:left}.waterfall-row:hover,.waterfall-row.selected{border-color:#0f766e73;background:#fffdf7}.status-code{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:24px;border-radius:4px;font-family:var(--mono);font-size:.72rem;font-weight:900}.status-ok{color:#0f5132;background:#d9f4e3}.status-warn,.status-redirect{color:#764204;background:#ffe5bd}.status-high{color:#7f1d1d;background:#ffd7d0}.status-muted{color:var(--muted);background:#ebe4d8}.method,.duration,.request-name,.entry-url,.report-preview{font-family:var(--mono)}.method{color:var(--teal-ink);font-size:.74rem;font-weight:900}.request-name{overflow:hidden;color:#2d373a;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.timeline-track{position:relative;height:12px;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,rgba(39,48,51,.12) 1px,transparent 1px),#eee7da;background-size:18px 100%}.timeline-bar{position:absolute;top:2px;bottom:2px;border-radius:999px}.timeline-bar.ok{background:var(--teal)}.timeline-bar.slow{background:var(--amber)}.timeline-bar.error{background:var(--red)}.duration{color:var(--muted);font-size:.72rem;text-align:right}.console-split{display:grid;grid-template-columns:minmax(250px,.95fr) minmax(280px,1fr);gap:14px}.domain-panel,.entry-panel{min-height:244px;padding:12px}.domain-table{display:grid;gap:6px;margin-top:12px}.domain-row{display:grid;grid-template-columns:minmax(120px,1fr) 34px 76px 54px 64px;align-items:center;gap:8px;min-height:38px;padding:6px 0;border-bottom:1px solid rgba(216,208,192,.68);font-size:.76rem}.domain-row strong,.domain-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-row strong{display:block;font-size:.8rem}.domain-row span{color:var(--muted);font-family:var(--mono)}.domain-row b{font-family:var(--mono)}.entry-summary{gap:8px;margin-top:12px}.entry-summary strong,.entry-summary span:not(.status-code){display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border-radius:4px;background:#f4eee2;font-family:var(--mono);font-size:.73rem}.entry-url{margin:12px 0;color:#334044;font-size:.75rem;line-height:1.45;overflow-wrap:anywhere}.timing-grid{display:grid;grid-template-columns:repeat(4,minmax(70px,1fr));gap:6px}.timing-grid div{min-height:48px;padding:8px;border:1px solid rgba(216,208,192,.8);border-radius:6px;background:#fffaf0}.timing-grid span,.timing-grid b{display:block;font-family:var(--mono)}.timing-grid span{color:var(--muted);font-size:.64rem;text-transform:uppercase}.timing-grid b{margin-top:4px;font-size:.78rem}.risk-chips{flex-wrap:wrap;gap:6px;margin-top:10px}.risk-chips span{min-height:24px;padding:4px 7px;border-radius:999px;color:var(--teal-ink);background:#e7f4ef;font-family:var(--mono);font-size:.66rem}.risk-chips .danger-chip{color:#7f1d1d;background:#ffd7d0}.sensitive-list{display:grid;gap:6px;margin:10px 0 0;padding:0;list-style:none}.sensitive-list li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid rgba(216,208,192,.68);font-size:.75rem}.sensitive-list span{font-family:var(--mono);color:var(--red)}.rail-header{justify-content:space-between;gap:10px}.report-actions{display:flex;gap:6px}.icon-button{display:grid;place-items:center;width:34px;height:34px;color:var(--graphite);border-color:var(--hairline);background:#fffdf7}.rail-note,.copy-state{margin:10px 0;color:var(--muted);font-size:.78rem;line-height:1.4}.copy-state{color:var(--teal-ink);font-weight:900}.report-preview{overflow:auto;max-height:336px;min-height:210px;margin:0;padding:12px;border:1px solid var(--hairline);border-radius:8px;color:#263134;background:#fffdf7;font-size:.7rem;line-height:1.45;white-space:pre-wrap}.findings-block{margin-top:16px}.finding-list{display:grid;gap:8px;margin-top:10px}.finding-row{display:grid;grid-template-columns:18px 1fr;gap:8px;padding:10px;border:1px solid var(--hairline);border-radius:7px;background:#fffdf7}.finding-row.high{border-color:#b0342842}.finding-row.medium{border-color:#c77a1f4d}.finding-row.low{border-color:#2d7c4b42}.finding-row.high svg{color:var(--red)}.finding-row.medium svg{color:var(--amber)}.finding-row.low svg{color:var(--green)}.finding-row span{color:var(--muted);font-family:var(--mono);font-size:.64rem;text-transform:uppercase}.finding-row strong{display:block;margin-top:3px;font-size:.82rem}.finding-row p,.empty-state{margin:5px 0 0;color:var(--muted);font-size:.76rem;line-height:1.42}@media(max-width:1180px){.workspace{grid-template-columns:1fr}.left-rail,.right-rail{border:0;border-top:1px solid var(--hairline)}.main-console{order:-1}.metrics-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media(max-width:760px){.app-shell{padding:10px}.command-bar{align-items:stretch;flex-direction:column;border-radius:8px 8px 0 0}.command-actions{justify-content:stretch}.ghost-button,.primary-button{flex:1 1 140px;justify-content:center}.workspace{min-height:auto}.left-rail,.main-console,.right-rail{padding:10px}.metrics-grid,.console-split{grid-template-columns:1fr}.section-toolbar{align-items:stretch;flex-direction:column}.waterfall-row{grid-template-columns:42px 44px minmax(0,1fr) 66px}.timeline-track{grid-column:1 / -1;order:2}.duration{text-align:right}.domain-row{grid-template-columns:minmax(120px,1fr) 34px 72px}.domain-row span:nth-of-type(2),.domain-row span:nth-of-type(3){display:none}.timing-grid{grid-template-columns:repeat(2,minmax(80px,1fr))}}