.har-workspace { color:var(--ink); overflow:hidden; }
.har-workspace [hidden] { display:none!important; }
.har-toolbar-actions,.har-curl-actions,.har-pagination { display:flex;flex-wrap:wrap;align-items:center;gap:8px; }
.har-workspace button:not(.button) { padding:8px 12px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--ink-2);font:600 14px var(--sans);cursor:pointer; }
.har-workspace button:hover:not(:disabled):not(.button-primary) { border-color:var(--primary);color:var(--primary-dark); }
.har-workspace button:disabled { cursor:not-allowed;opacity:.5; }
.har-workspace button:focus-visible,.har-workspace input:focus-visible,.har-workspace select:focus-visible,.har-workspace summary:focus-visible { outline:2px solid var(--primary);outline-offset:3px; }
.har-import { display:flex;align-items:center;gap:20px;padding:24px;background:var(--surface); }
.har-import strong,.har-import small { display:block; }
.har-import strong { font-size:15px;overflow-wrap:anywhere; }
.har-import small { color:var(--muted);font-size:13px;margin-top:4px; }
.har-file-label { position:relative;overflow:hidden;cursor:pointer;white-space:nowrap; }
.har-file-label input { position:absolute;inset:0;opacity:0;cursor:pointer;width:100%; }
.har-file-label:focus-within { outline:2px solid var(--primary);outline-offset:3px; }
.har-source { padding:0 24px 18px;background:var(--surface); }
.har-source summary { cursor:pointer;color:var(--ink-2);font-size:14px; }
.har-source textarea { display:block;margin:12px 0;width:100%;min-height:130px;resize:vertical;padding:14px;color:var(--ink);background:var(--bg);border:1px solid var(--line-strong);border-radius:10px;font:13px/1.7 var(--mono); }
.har-privacy-note { margin:0;padding:14px 24px;font-size:13px;line-height:1.8;color:var(--ink-2);background:var(--primary-soft);overflow-wrap:anywhere; }
.har-status-row { display:flex;padding:14px 24px;border-block:1px solid var(--line);font-size:13px;background:var(--surface); }
.har-status-row .error,.har-error { color:#a92538; }
.har-status-row .success { color:#16715a; }
.har-status-row .working { color:var(--primary-dark); }
.har-error { margin:0;padding:14px 24px;background:#fff0f1;font-size:14px;overflow-wrap:anywhere; }
.har-stats { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface); }
.har-stat { padding:18px 24px;border-bottom:1px solid var(--line);border-right:1px solid var(--line); }
.har-stat:last-child { border-right:0; }
.har-stat span { color:var(--muted);font-size:12px;display:block; }
.har-stat strong { display:block;margin-top:3px;font-size:25px;line-height:1.4; }
.har-filter-bar { padding:18px 24px;display:flex;flex-wrap:wrap;gap:12px;background:var(--surface-2);border-bottom:1px solid var(--line); }
.har-filter-bar label { display:flex;flex-direction:column;gap:6px;min-width:135px;font-size:14px;font-weight:650;color:var(--ink-2); }
.har-filter-bar .har-search { flex:1;min-width:200px; }
.har-filter-bar input,.har-filter-bar select { min-height:40px;padding:9px 12px;background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:8px;font:14px var(--sans); }
.har-filter-bar #har-domain { max-width:240px; }
.har-grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); }
.har-list-panel { min-width:0;border-right:1px solid var(--line);background:var(--surface); }
.har-table-scroll { max-height:650px;overflow:auto; }
.har-request-table { width:100%;border-collapse:collapse;font-size:14px; }
.har-request-table th { position:sticky;top:0;background:var(--surface-2);z-index:1;font-size:12px;color:var(--muted);text-align:left;padding:12px;border-bottom:1px solid var(--line); }
.har-request-table td { vertical-align:top;padding:12px;border-bottom:1px solid var(--line); }
.har-request-table td:not(:first-child) { white-space:nowrap; }
.har-request-table tr.is-selected { background:var(--primary-soft); }
.har-request-table button.har-request-link { display:block;text-align:left;width:100%;border:0;padding:0;background:transparent; }
.har-request-link b { display:block;font:700 12px var(--mono);color:var(--primary-dark);margin-bottom:5px; }
.har-request-link span { display:block;color:var(--ink);overflow-wrap:anywhere;font-weight:450;line-height:1.6; }
.har-status-chip { display:inline-block;padding:2px 7px;border-radius:5px;color:var(--ink-2);background:var(--surface-2);font:600 12px var(--mono); }
.har-status-chip.is-failed { background:#ffe4e9;color:#a92538; }
.har-status-chip.is-ok { background:#def5ea;color:#156a50; }
.har-pagination { padding:14px;justify-content:center;font-size:13px;color:var(--muted);border-top:1px solid var(--line); }
.har-detail-panel { min-width:0;max-height:735px;overflow:auto;background:var(--surface); }
.har-detail-controls { padding:15px 20px;border-bottom:1px solid var(--line);background:var(--surface-2); }
.har-detail-controls strong { display:block;margin-bottom:10px;font-size:14px; }
.har-detail-controls label,.har-export label { display:flex;gap:8px;align-items:flex-start;font-size:14px;font-weight:450;color:var(--ink-2); }
.har-workspace input[type=checkbox] { accent-color:var(--primary);flex-shrink:0;inline-size:16px;block-size:16px;margin-top:3px; }
#har-detail { padding:20px; }
.har-empty { padding:22px 10px;text-align:center;font-size:14px;color:var(--muted); }
.har-detail-title { margin:0 0 8px;font-size:15px;font-family:var(--mono); }
.har-detail-url { font:12px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink-2);margin:0 0 16px; }
.har-original-warning { padding:10px 12px;border:1px solid #e7ab54;border-radius:8px;background:#fff4df;color:#765416;font-size:13px;margin:0 0 14px; }
.har-timings { display:grid;gap:9px;margin-bottom:8px; }
.har-timing { display:grid;grid-template-columns:115px minmax(0,1fr) 82px;align-items:center;gap:10px;font-size:12px;color:var(--ink-2); }
.har-timing meter { width:100%;height:12px; }
.har-timing meter::-webkit-meter-bar { background:var(--surface-2);border:0; }
.har-timing meter::-webkit-meter-optimum-value { background:var(--primary); }
.har-timing meter::-moz-meter-bar { background:var(--primary); }
.har-timing.is-tls { padding-left:12px; }
.har-timing-note { color:var(--muted);font-size:12px;line-height:1.7;margin-bottom:18px; }
.har-detail-block { border-top:1px solid var(--line);padding:13px 0; }
.har-detail-block summary { font-size:14px;font-weight:650;cursor:pointer;color:var(--ink); }
.har-pairs { width:100%;table-layout:fixed;border-collapse:collapse;margin-top:12px;font:12px/1.8 var(--mono); }
.har-pairs td { border-bottom:1px solid var(--line);padding:7px 9px;vertical-align:top;overflow-wrap:anywhere;white-space:pre-wrap; }
.har-pairs td:first-child { width:34%;color:var(--primary-dark);background:var(--surface-2); }
.har-pairs td:last-child { color:var(--ink-2); }
.har-body-preview,#har-curl-output { white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);color:var(--ink);font:12px/1.8 var(--mono);padding:14px;border-radius:8px;max-height:300px;overflow:auto; }
.har-detail-block small { display:block;color:var(--muted);font-size:12px;margin-top:9px; }
.har-curl-actions { padding:16px 20px;border-top:1px solid var(--line); }
#har-curl-result { padding:0 20px 20px; }
#har-curl-warning { padding:12px;border-radius:8px;white-space:pre-line; }
.har-export { display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 24px;background:var(--surface-2);border-top:1px solid var(--line); }
.har-export strong { font-size:14px; }
.har-export p { color:var(--muted);font-size:12px;margin:6px 0 12px;max-width:800px; }
.har-export .button { flex-shrink:0; }
[data-theme=dark] .har-status-row .success { color:#79d9b5; }
[data-theme=dark] .har-status-row .error,[data-theme=dark] .har-error { color:#ffb1bd; }
[data-theme=dark] .har-error { background:#391d28; }
[data-theme=dark] .har-status-chip.is-failed { background:#441f2c;color:#ffb1bd; }
[data-theme=dark] .har-status-chip.is-ok { background:#15392f;color:#79d9b5; }
[data-theme=dark] .har-original-warning { background:#3b2e1a;color:#ffd28d;border-color:#856329; }
@media(max-width:1000px) { .har-grid { grid-template-columns:1fr; }.har-list-panel { border-right:0;border-bottom:1px solid var(--line); }.har-table-scroll { max-height:420px; }.har-detail-panel { max-height:none; }.har-export { flex-direction:column;align-items:flex-start; } }
@media(max-width:600px) { .har-import { flex-direction:column;align-items:flex-start; }.har-import,.har-filter-bar,.har-source,.har-export { padding:16px; }.har-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }.har-stat { padding:14px 16px; }.har-stat strong { font-size:22px; }.har-timing { grid-template-columns:95px minmax(0,1fr) 65px;gap:6px; }.har-filter-bar label { flex:1; }.har-filter-bar #har-domain { max-width:100%; } }