:root{--har-wf-blocked:#9a9a9a;--har-wf-dns:#60a5fa;--har-wf-connect:#f97316;--har-wf-ssl:#a78bfa;--har-wf-send:#fbbf24;--har-wf-wait:#34d399;--har-wf-receive:#22d3ee}[data-theme=light]{--har-wf-blocked:#6b7280;--har-wf-dns:#3b82f6;--har-wf-connect:#ea580c;--har-wf-ssl:#7c3aed;--har-wf-send:#d97706;--har-wf-wait:#059669;--har-wf-receive:#0891b2}.tool-main{flex-direction:column;flex:1;width:100%;max-width:100%;padding:0;display:flex;overflow:hidden}.tool-header{border-bottom:1px solid var(--color-border);background-color:var(--color-surface-raised);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.5rem 2rem;display:flex}.tool-header__title{flex-direction:column;gap:.25rem;display:flex}.tool-title{color:var(--color-text-title);margin:0;font-size:1.3rem;font-weight:700}.tool-subtitle{color:var(--color-text-muted);margin:0;font-size:.85rem}.har-filename{color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:24ch;padding:.25rem .6rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8rem;overflow:hidden}.har-workspace{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.har-drop-zone{border:2px dashed var(--color-border);background:var(--color-surface-raised);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;margin:2rem;padding:3rem 2rem;transition:border-color .15s,background .15s;display:flex;position:relative}.har-drop-zone:hover,.har-drop-zone--over{border-color:var(--color-accent);background:var(--color-accent-bg)}.har-drop-zone__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.har-drop-zone__icon{pointer-events:none;font-size:3rem;line-height:1}.har-drop-zone__text{color:var(--color-text-primary);pointer-events:none;font-size:1rem}.har-drop-zone__link{color:var(--color-accent);text-decoration:underline}.har-drop-zone__hint{color:var(--color-text-faint);pointer-events:none;max-width:48ch;font-size:.8rem}.har-drop-zone__error{color:var(--color-danger);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);pointer-events:none;border-radius:6px;margin-top:.5rem;padding:.5rem 1rem;font-size:.85rem}.har-viewer{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.har-stats-bar{background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:0;padding:.5rem 1.5rem;display:flex}.har-stat{border-right:1px solid var(--color-border);align-items:baseline;gap:.4rem;padding:.2rem 1rem;display:flex}.har-stat:last-child{border-right:none}.har-stat__label{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.har-stat__value{color:var(--color-text-primary);font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.85rem;font-weight:600}.har-stat--error .har-stat__value{color:var(--color-danger)}.har-stat--creator .har-stat__value{color:var(--color-text-secondary);font-weight:400}.har-toolbar{background:var(--color-surface-deep);border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1.5rem;display:flex}.har-toolbar__filters{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.har-toolbar__right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.har-filter-btn{color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.78rem;font-weight:500;transition:color .1s,background .1s,border-color .1s;display:inline-flex}.har-filter-btn:hover{color:var(--color-text-primary);background:var(--color-surface)}.har-filter-btn--active{color:var(--color-accent);background:var(--color-accent-bg);border-color:var(--color-accent-border)}.har-filter-btn--errors{color:var(--color-danger)}.har-filter-btn--errors.har-filter-btn--active{color:var(--color-danger);background:var(--color-danger-bg);border-color:var(--color-danger-border)}.har-filter-count{color:var(--color-text-faint);font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.7rem}.har-filter-btn--active .har-filter-count{color:var(--color-accent);opacity:.8}.har-search-wrap{align-items:center;display:flex;position:relative}.har-search-icon{pointer-events:none;font-size:.8rem;line-height:1;position:absolute;left:.5rem}.har-search{width:22rem;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;outline:none;padding:.3rem 2rem .3rem 1.8rem;font-size:.82rem;transition:border-color .15s}.har-search:focus{border-color:var(--color-accent)}.har-search::placeholder{color:var(--color-text-faint)}.har-search-clear{color:var(--color-text-faint);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.2rem .3rem;font-size:.75rem;line-height:1;transition:color .1s;position:absolute;right:.35rem}.har-search-clear:hover{color:var(--color-text-primary)}.har-view-toggle{border:1px solid var(--color-border);border-radius:6px;display:flex;overflow:hidden}.har-view-btn{color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.3rem .75rem;font-size:.78rem;transition:color .1s,background .1s}.har-view-btn+.har-view-btn{border-left:1px solid var(--color-border)}.har-view-btn:hover{color:var(--color-text-primary);background:var(--color-surface)}.har-view-btn--active{color:var(--color-accent);background:var(--color-accent-bg)}.har-content{flex:1;min-height:0;overflow:auto}.har-empty{text-align:center;color:var(--color-text-faint);padding:3rem;font-size:.9rem}.har-status-badge{white-space:nowrap;border-radius:3px;padding:.1rem .35rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.72rem;font-weight:700;line-height:1.4;display:inline-block}.har-status--2xx{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.har-status--3xx{background:var(--color-diff-add-bg);color:var(--color-diff-add-text);border:1px solid var(--color-diff-add-gutter)}.har-status--4xx{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.har-status--5xx{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.har-status--1xx{background:var(--color-accent-bg);color:var(--color-accent);border:1px solid var(--color-accent-border)}.har-status--zero{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.har-wf-method{white-space:nowrap;border-radius:3px;flex-shrink:0;padding:.1rem .35rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.68rem;font-weight:700;line-height:1.4;display:inline-block}.har-method--get{background:var(--color-success-bg);color:var(--color-success)}.har-method--post{background:var(--color-accent-bg);color:var(--color-accent)}.har-method--put{background:var(--color-warning-bg);color:var(--color-warning)}.har-method--patch{background:var(--color-diff-add-bg);color:var(--color-diff-add-text)}.har-method--delete{background:var(--color-danger-bg);color:var(--color-danger)}.har-method--head{background:var(--color-accent-bg);color:var(--color-accent);opacity:.8}.har-method--options{background:var(--color-surface);color:var(--color-text-secondary)}.har-method--connect,.har-method--trace{background:var(--color-surface);color:var(--color-text-muted)}.har-wf-legend{background:var(--color-surface-deep);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:1rem;padding:.5rem 1.5rem;font-size:.72rem;display:flex}.har-legend-item{align-items:center;gap:.35rem;display:inline-flex}.har-legend-swatch{border-radius:2px;width:12px;height:8px;display:inline-block}.har-wf-ruler{background:var(--color-surface-deep);border-bottom:1px solid var(--color-border);min-height:2rem;color:var(--color-text-faint);z-index:10;align-items:center;padding:0 1.5rem;font-size:.72rem;display:flex;position:sticky;top:0}.har-wf-ruler__name{flex-shrink:0;justify-content:space-between;align-items:center;padding-right:1rem;display:flex}.har-wf-ruler__ticks{flex-shrink:0;align-items:center;height:2rem;display:flex;position:relative}.har-wf-ruler__meta{flex-shrink:0;width:7.5rem}.har-wf-col-label{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.har-wf-tick{white-space:nowrap;color:var(--color-text-faint);font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.68rem;position:absolute;transform:translate(-50%)}.har-wf-tick:first-child{transform:none;left:0!important}.har-wf-rows{flex-direction:column;display:flex}.har-wf-row{border-bottom:1px solid var(--color-border-subtle);cursor:pointer;box-sizing:border-box;align-items:center;min-height:2.2rem;padding:0 1.5rem;transition:background .1s;display:flex;position:relative}.har-wf-row:hover{background:var(--color-surface)}.har-wf-row--expanded{background:var(--color-accent-bg);border-color:var(--color-accent-border)}.har-wf-row--focused{outline:2px solid var(--color-accent);outline-offset:-2px}.har-wf-row--error{background:var(--color-danger-bg)}.har-wf-row--error:hover{background:var(--color-danger-bg);opacity:.85}.har-wf-row__name{flex-shrink:0;align-items:center;gap:.35rem;min-width:0;padding-right:1rem;display:flex;overflow:hidden}.har-wf-type-badge{color:var(--color-text-faint);background:var(--color-surface);border:1px solid var(--color-border);white-space:nowrap;border-radius:3px;flex-shrink:0;padding:.05rem .3rem;font-size:.65rem}.har-wf-url{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.78rem;overflow:hidden}.har-wf-row__bars{flex-shrink:0;height:1.4rem;position:relative;overflow:visible}.har-wf-row__meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.05rem;width:7.5rem;padding-left:.75rem;display:flex}.har-wf-size,.har-wf-time{color:var(--color-text-muted);white-space:nowrap;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.7rem}.har-wf-time{color:var(--color-text-secondary)}.har-wf-seg{border-radius:1px;min-width:1px;height:10px;position:absolute;top:50%;transform:translateY(-50%)}.har-wf-seg--blocked{background:var(--har-wf-blocked)}.har-wf-seg--dns{background:var(--har-wf-dns)}.har-wf-seg--connect{background:var(--har-wf-connect)}.har-wf-seg--ssl{background:var(--har-wf-ssl)}.har-wf-seg--send{background:var(--har-wf-send)}.har-wf-seg--wait{background:var(--har-wf-wait)}.har-wf-seg--receive{background:var(--har-wf-receive)}.har-tbl-wrap{width:100%;max-height:70vh;overflow:auto}.har-tbl-spacer td{border:none!important;padding:0!important}.har-tbl{border-collapse:collapse;width:100%;font-size:.8rem}.har-tbl thead{z-index:10;background:var(--color-surface-raised);position:sticky;top:0}.har-tbl-th{text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--color-border);white-space:nowrap;background:var(--color-surface-raised);padding:.55rem .75rem;font-size:.72rem;font-weight:600}.har-tbl-th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.har-tbl-th--sortable:hover{color:var(--color-text-primary)}.har-tbl-row{border-bottom:1px solid var(--color-border-subtle);cursor:pointer;transition:background .1s}.har-tbl-row:nth-child(2n){background:var(--color-surface-deep)}.har-tbl-row:hover{background:var(--color-surface)}.har-tbl-row--expanded{background:var(--color-accent-bg)!important}.har-tbl-row--focused td{outline:2px solid var(--color-accent);outline-offset:-2px}.har-tbl-row--error{background:var(--color-danger-bg)}.har-tbl-row--error:hover{background:var(--color-danger-bg);opacity:.85}.har-tbl-td{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:0;padding:.4rem .75rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.78rem;overflow:hidden}.har-tbl-td--name{max-width:20rem;color:var(--color-text-primary)}.har-tbl-td--num{text-align:right;color:var(--color-text-secondary)}.har-tbl-detail-row td{padding:0}.har-tbl-detail-cell{background:var(--color-surface-raised);border-bottom:2px solid var(--color-accent-border);padding:0!important}.har-detail-panel{background:var(--color-bg);border-top:1px solid var(--color-border)}.har-detail-inner{flex-direction:column;display:flex}.har-detail-general{background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:0;padding:.75rem 1.5rem;display:grid}.har-detail-kv-row{align-items:baseline;gap:.75rem;padding:.2rem 0;font-size:.8rem;display:flex}.har-detail-kv-key{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0;min-width:6rem;font-size:.72rem;font-weight:600}.har-detail-kv-val{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.78rem;overflow:hidden}.har-detail-kv-val a{color:var(--color-accent)}.har-detail-kv-val--break{white-space:normal;word-break:break-all}.har-detail-actions{flex-shrink:0;gap:.5rem;padding:.5rem 1.5rem .25rem;display:flex}.har-curl-copy-btn{align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.har-curl-copy-btn--ok{border-color:var(--color-success);color:var(--color-success)}.har-detail-tabs{border-bottom:1px solid var(--color-border);background:var(--color-surface-deep);gap:0;padding:0 1.5rem;display:flex}.har-detail-tab{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:color .1s,border-color .1s}.har-detail-tab:hover{color:var(--color-text-primary)}.har-detail-tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.har-detail-body{max-height:28rem;padding:0;overflow:auto}.har-detail-section{border-bottom:1px solid var(--color-border-subtle);padding:.75rem 1.5rem}.har-detail-section:last-child{border-bottom:none}.har-detail-section__title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:flex}.har-detail-section__count{color:var(--color-text-faint);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:0 .4rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.7rem;font-weight:400}.har-detail-empty{color:var(--color-text-faint);font-size:.8rem;font-style:italic}.har-hdr-table{border-collapse:collapse;width:100%;font-size:.78rem}.har-hdr-table th{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.04em;text-align:left;border-bottom:1px solid var(--color-border-subtle);padding:.3rem .5rem .3rem 0;font-size:.72rem;font-weight:600}.har-hdr-name{color:var(--color-accent);white-space:nowrap;vertical-align:top;width:16rem;min-width:12rem;padding:.25rem .75rem .25rem 0;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.78rem;font-weight:500}.har-hdr-value{color:var(--color-text-primary);word-break:break-all;vertical-align:top;padding:.25rem 0;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.78rem}.har-hdr-table tr{border-bottom:1px solid var(--color-border-faint)}.har-hdr-table tr:last-child{border-bottom:none}.har-payload-mime{color:var(--color-text-muted);margin-bottom:.5rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.72rem}.har-body-pre{color:var(--color-text-primary);background:var(--color-surface-input);border:1px solid var(--color-border-subtle);white-space:pre;tab-size:2;border-radius:6px;max-height:20rem;padding:.75rem 1rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.75rem;line-height:1.6;overflow:auto}.har-body-pre--json{color:var(--color-text-primary)}.har-body-pre--xml{color:var(--color-text-secondary)}.har-json-key{color:var(--sh-key)}.har-json-str{color:var(--sh-str)}.har-json-num{color:var(--sh-num)}.har-json-kw{color:var(--color-danger)}.har-resp-image{object-fit:contain;background:repeating-conic-gradient(var(--color-checker-a) 0% 25%, var(--color-checker-b) 0% 50%) 0 0 / 16px 16px;border-radius:4px;max-width:100%;max-height:18rem}.har-timing-chart{flex-direction:column;gap:.5rem;display:flex}.har-timing-row{align-items:center;gap:.75rem;display:flex}.har-timing-label{color:var(--color-text-secondary);text-align:right;flex-shrink:0;width:8rem;font-size:.75rem}.har-timing-bar-wrap{background:var(--color-surface);border-radius:3px;flex:1;height:10px;overflow:hidden}.har-timing-bar{border-radius:3px;min-width:2px;height:100%;transition:width .2s}.har-timing-val{color:var(--color-text-secondary);text-align:right;flex-shrink:0;width:5rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.75rem}.har-timing-total{color:var(--color-text-muted);text-align:right;margin-top:.75rem;font-size:.78rem}.har-timing-total strong{color:var(--color-text-primary)}.har-content::-webkit-scrollbar{width:6px;height:6px}.har-detail-body::-webkit-scrollbar{width:6px;height:6px}.har-content::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}.har-detail-body::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}.har-content::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}.har-detail-body::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}.har-content::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.har-detail-body::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}@media (width<=900px){.har-search{width:14rem}.har-wf-row__name{min-width:0}}@media (width<=680px){.tool-header{padding:1rem}.har-toolbar{gap:.5rem;padding:.5rem 1rem}.har-search{width:10rem}.har-stats-bar{padding:.4rem 1rem}.har-wf-ruler,.har-wf-row{padding:0 1rem}.har-detail-general{grid-template-columns:1fr;padding:.5rem 1rem}.har-detail-section{padding:.5rem 1rem}}