:root{--primary-color:#2c3e50;--secondary-color:#3498db;--success-color:#27ae60;--warning-color:#f39c12;--error-color:#e74c3c;--redirect-color:#8e44ad;--light-gray:#ecf0f1;--mid-gray:#dfe6e9;--dark-gray:#7f8c8d;--border-color:#bdc3c7;--background-color:#fff;--text-color:#2c3e50;--code-bg:#1e2730;--code-text:#e8eef3;--mono-font:"Consolas", "Monaco", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background-color:var(--background-color);color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5}button{border:1px solid var(--border-color);cursor:pointer;background-color:#fff;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:background-color .15s,border-color .15s}button:hover{background-color:var(--light-gray)}.hidden{display:none!important}#drop-screen{background-color:var(--light-gray);justify-content:center;align-items:center;height:100vh;padding:1rem;display:flex}#drop-panel{text-align:center;border:3px dashed var(--border-color);background-color:var(--background-color);border-radius:12px;width:min(480px,100%);padding:3rem 2.5rem;transition:border-color .15s,background-color .15s,transform .1s}#drop-panel.drag-active{border-color:var(--secondary-color);background-color:#3498db14;transform:scale(1.01)}.drop-icon{color:var(--secondary-color);margin-bottom:.5rem;font-size:2.5rem}#drop-panel h1{color:var(--primary-color);margin-bottom:.75rem;font-size:1.6rem}.drop-subtitle{color:var(--text-color);margin-bottom:.5rem;font-size:1.1rem}.drop-or{color:var(--dark-gray);text-transform:uppercase;letter-spacing:.05em;margin:.75rem 0;font-size:.85rem}#browse-btn{background-color:var(--secondary-color);color:#fff;border:none;padding:.7rem 1.6rem;font-size:.95rem;font-weight:600}#browse-btn:hover{background-color:#2980b9}.load-progress{margin-top:1.25rem}.load-progress-label{color:var(--text-color);margin-bottom:.4rem;font-size:.85rem}.load-progress-track{background-color:var(--light-gray);border-radius:4px;height:8px;position:relative;overflow:hidden}.load-progress-bar{background-color:var(--secondary-color);width:0;height:100%;transition:width .1s linear}.load-progress-bar.indeterminate{width:35%;transition:none;animation:1.1s ease-in-out infinite load-progress-slide}@keyframes load-progress-slide{0%{transform:translate(-100%)}to{transform:translate(290%)}}.drop-privacy-note{color:var(--dark-gray);margin-top:1.5rem;font-size:.8rem}#har-content{flex-direction:column;height:100vh;display:flex}.app-header{background-color:var(--primary-color);color:#fff;flex-shrink:0;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.app-version{opacity:.5;pointer-events:none;font-size:.65rem;position:fixed;bottom:2px;right:6px}.app-title{font-size:1.1rem;font-weight:700}#file-info{opacity:.85;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:.85rem;overflow:hidden}.time-range{opacity:.85;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;overflow:hidden}.header-actions{gap:.5rem;display:flex}.header-actions button{color:#fff;background-color:#ffffff1a;border-color:#ffffff4d}.header-actions button:hover{background-color:#fff3}.filter-bar{background-color:var(--light-gray);border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:.75rem;padding:.6rem .9rem;display:flex;position:relative}#request-filter{border:1px solid var(--border-color);font-size:.9rem;font-family:var(--mono-font);border-radius:4px;flex:1;padding:.5rem .75rem}#request-filter:focus{border-color:var(--secondary-color);outline:none}.result-count{color:var(--dark-gray);white-space:nowrap;font-size:.8rem}.custom-col-controls{flex-shrink:0;width:220px;position:relative}#custom-col-input{border:1px solid var(--border-color);font-size:.82rem;font-family:var(--mono-font);border-radius:4px;flex:1;width:100%;padding:.4rem .6rem}#custom-col-input:focus{border-color:var(--secondary-color);outline:none}.custom-col-hint{z-index:10;background-color:var(--primary-color);color:#f0f4f7;opacity:0;pointer-events:none;border-radius:4px;margin-top:.25rem;padding:.5rem .75rem;font-size:.75rem;transition:opacity .15s;position:absolute;top:100%;left:0;right:0}.custom-col-controls:hover .custom-col-hint,#custom-col-input:focus~.custom-col-hint{opacity:1}.custom-col-hint code{font-family:var(--mono-font);background-color:#ffffff26;border-radius:3px;padding:.05rem .3rem}.filter-hint{z-index:10;background-color:var(--primary-color);color:#f0f4f7;opacity:0;pointer-events:none;border-radius:4px;margin-top:.25rem;padding:.6rem .9rem;font-size:.78rem;line-height:1.6;transition:opacity .15s;position:absolute;top:100%;left:.9rem;right:.9rem}.filter-hint.visible{opacity:1}.filter-hint.hint-above{margin-top:0;margin-bottom:.25rem;top:auto;bottom:100%}.highlight-bar{background-color:var(--light-gray);border-top:1px solid var(--border-color);flex-direction:column;flex-shrink:0;gap:.4rem;padding:.5rem .9rem;display:flex;position:relative}.highlight-input-row{align-items:center;gap:.75rem;display:flex}#highlight-input{border:1px solid var(--border-color);font-size:.82rem;font-family:var(--mono-font);border-radius:4px;flex:1;padding:.4rem .6rem}#highlight-input:focus{border-color:var(--secondary-color);outline:none}.highlight-error{color:var(--error-color);opacity:0;white-space:nowrap;text-overflow:ellipsis;max-width:50%;font-size:.78rem;transition:opacity .15s;overflow:hidden}.highlight-error.visible{opacity:1}.highlight-rules{flex-wrap:wrap;gap:.35rem;display:flex}.highlight-rules:empty{display:none}.highlight-chip{background-color:var(--background-color);border:1px solid var(--border-color);max-width:100%;font-size:.75rem;font-family:var(--mono-font);border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .3rem .15rem .6rem;display:inline-flex}.highlight-chip-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.highlight-chip-remove{color:var(--dark-gray);background:0 0;border:none;padding:0 .35rem;font-size:.95rem;line-height:1}.highlight-chip-remove:hover{color:var(--error-color);background:0 0}.hl-emoji{margin-right:.25rem}.filter-hint code{font-family:var(--mono-font);background-color:#ffffff26;border-radius:3px;padding:.05rem .3rem}.hint-above>div{margin-bottom:.35rem}.hint-above>div:last-child{margin-bottom:0}.hint-above b{color:#fff;min-width:4.5rem;display:inline-block}.main-layout{flex:1;min-height:0;display:flex}.request-list-container{flex-direction:column;flex:0 0 46%;min-width:280px;min-height:0;display:flex}.request-table-scroll{flex:1;overflow:auto}.splitter{background-color:var(--border-color);flex-shrink:0;position:relative}.splitter:after{content:"";position:absolute}.splitter-vertical{cursor:col-resize;width:5px}.splitter-vertical:after{inset:0 -2px}.splitter-horizontal{cursor:row-resize;height:5px}.splitter-horizontal:after{inset:-2px 0}.splitter:hover,.splitter:active{background-color:var(--secondary-color)}body.resizing-horizontal,body.resizing-horizontal *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.resizing-vertical,body.resizing-vertical *{cursor:row-resize!important;-webkit-user-select:none!important;user-select:none!important}#requests-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.82rem}#requests-table thead th{background-color:var(--light-gray);text-align:left;border-bottom:2px solid var(--border-color);white-space:nowrap;z-index:1;padding:.5rem .6rem;position:sticky;top:0;overflow:hidden}#requests-table thead th.col-fill{padding:0}.col-label{text-overflow:ellipsis;vertical-align:middle;max-width:calc(100% - 1.2rem);display:inline-block;overflow:hidden}.col-resizer{cursor:col-resize;z-index:2;width:6px;position:absolute;top:0;bottom:0;right:0}.col-resizer:hover{background-color:var(--secondary-color)}#requests-table tbody td{border-bottom:1px solid var(--mid-gray);white-space:nowrap;text-overflow:ellipsis;padding:.4rem .6rem;overflow:hidden}#requests-table tbody tr{cursor:pointer}#requests-table tbody tr.spacer{cursor:default}#requests-table tbody tr.spacer td{border:0;max-width:none;padding:0}#requests-table tbody tr.hl-aliceblue{background-color:#fafdff}#requests-table tbody tr.hl-antiquewhite{background-color:#fdf8f1}#requests-table tbody tr.hl-aqua{background-color:#a6ffff}#requests-table tbody tr.hl-aquamarine{background-color:#d2fff0}#requests-table tbody tr.hl-azure{background-color:#faffff}#requests-table tbody tr.hl-beige{background-color:#fcfcf3}#requests-table tbody tr.hl-bisque{background-color:#fff6ea}#requests-table tbody tr.hl-black{background-color:#a6a6a6}#requests-table tbody tr.hl-blanchedalmond{background-color:#fff8ee}#requests-table tbody tr.hl-blue{background-color:#a6a6ff}#requests-table tbody tr.hl-blueviolet{background-color:#d6b5f5}#requests-table tbody tr.hl-brown{background-color:#e0b4b4}#requests-table tbody tr.hl-burlywood{background-color:#f3e6d5}#requests-table tbody tr.hl-cadetblue{background-color:#c7ddde}#requests-table tbody tr.hl-chartreuse{background-color:#d2ffa6}#requests-table tbody tr.hl-chocolate{background-color:#efcbb0}#requests-table tbody tr.hl-coral{background-color:#ffd2c2}#requests-table tbody tr.hl-cornflowerblue{background-color:#c9daf9}#requests-table tbody tr.hl-cornsilk{background-color:#fffdf3}#requests-table tbody tr.hl-crimson{background-color:#f3adbb}#requests-table tbody tr.hl-cyan{background-color:#a6ffff}#requests-table tbody tr.hl-darkblue{background-color:#a6a6d6}#requests-table tbody tr.hl-darkcyan{background-color:#a6d6d6}#requests-table tbody tr.hl-darkgoldenrod{background-color:#e6d5aa}#requests-table tbody tr.hl-darkgray{background-color:#e1e1e1}#requests-table tbody tr.hl-darkgreen{background-color:#a6c9a6}#requests-table tbody tr.hl-darkgrey{background-color:#e1e1e1}#requests-table tbody tr.hl-darkkhaki{background-color:#e8e6cb}#requests-table tbody tr.hl-darkmagenta{background-color:#d6a6d6}#requests-table tbody tr.hl-darkolivegreen{background-color:#c4cbb6}#requests-table tbody tr.hl-darkorange{background-color:#ffd7a6}#requests-table tbody tr.hl-darkorchid{background-color:#dbb7ed}#requests-table tbody tr.hl-darkred{background-color:#d6a6a6}#requests-table tbody tr.hl-darksalmon{background-color:#f7dad0}#requests-table tbody tr.hl-darkseagreen{background-color:#d8e8d8}#requests-table tbody tr.hl-darkslateblue{background-color:#bfbbd6}#requests-table tbody tr.hl-darkslategray,#requests-table tbody tr.hl-darkslategrey{background-color:#b6c1c1}#requests-table tbody tr.hl-darkturquoise{background-color:#a6eeef}#requests-table tbody tr.hl-darkviolet{background-color:#daa6f0}#requests-table tbody tr.hl-deeppink{background-color:#ffadd9}#requests-table tbody tr.hl-deepskyblue{background-color:#a6e9ff}#requests-table tbody tr.hl-dimgray,#requests-table tbody tr.hl-dimgrey{background-color:#cbcbcb}#requests-table tbody tr.hl-dodgerblue{background-color:#b0d8ff}#requests-table tbody tr.hl-firebrick{background-color:#e4b2b2}#requests-table tbody tr.hl-floralwhite{background-color:#fffdfa}#requests-table tbody tr.hl-forestgreen{background-color:#b2d6b2}#requests-table tbody tr.hl-fuchsia{background-color:#ffa6ff}#requests-table tbody tr.hl-gainsboro{background-color:#f3f3f3}#requests-table tbody tr.hl-ghostwhite{background-color:#fdfdff}#requests-table tbody tr.hl-gold{background-color:#fff1a6}#requests-table tbody tr.hl-goldenrod{background-color:#f2e0b1}#requests-table tbody tr.hl-gray{background-color:#d3d3d3}#requests-table tbody tr.hl-green{background-color:#a6d3a6}#requests-table tbody tr.hl-greenyellow{background-color:#e2ffb6}#requests-table tbody tr.hl-grey{background-color:#d3d3d3}#requests-table tbody tr.hl-honeydew{background-color:#fafffa}#requests-table tbody tr.hl-hotpink{background-color:#ffcbe5}#requests-table tbody tr.hl-indianred{background-color:#eec6c6}#requests-table tbody tr.hl-indigo{background-color:#c0a6d3}#requests-table tbody tr.hl-ivory{background-color:#fffffa}#requests-table tbody tr.hl-khaki{background-color:#faf6d7}#requests-table tbody tr.hl-lavender{background-color:#f6f6fd}#requests-table tbody tr.hl-lavenderblush{background-color:#fffafc}#requests-table tbody tr.hl-lawngreen{background-color:#d1fea6}#requests-table tbody tr.hl-lemonchiffon{background-color:#fffdee}#requests-table tbody tr.hl-lightblue{background-color:#e2f1f6}#requests-table tbody tr.hl-lightcoral{background-color:#fad3d3}#requests-table tbody tr.hl-lightcyan{background-color:#f4ffff}#requests-table tbody tr.hl-lightgoldenrodyellow{background-color:#fdfdef}#requests-table tbody tr.hl-lightgray{background-color:#f0f0f0}#requests-table tbody tr.hl-lightgreen{background-color:#d8f9d8}#requests-table tbody tr.hl-lightgrey{background-color:#f0f0f0}#requests-table tbody tr.hl-lightpink{background-color:#ffe5e9}#requests-table tbody tr.hl-lightsalmon{background-color:#ffded0}#requests-table tbody tr.hl-lightseagreen{background-color:#b1e4e1}#requests-table tbody tr.hl-lightskyblue{background-color:#d5eefd}#requests-table tbody tr.hl-lightslategray,#requests-table tbody tr.hl-lightslategrey{background-color:#cfd5db}#requests-table tbody tr.hl-lightsteelblue{background-color:#e3eaf3}#requests-table tbody tr.hl-lightyellow{background-color:#fffff4}#requests-table tbody tr.hl-lime{background-color:#a6ffa6}#requests-table tbody tr.hl-limegreen{background-color:#b7eeb7}#requests-table tbody tr.hl-linen{background-color:#fdfaf6}#requests-table tbody tr.hl-magenta{background-color:#ffa6ff}#requests-table tbody tr.hl-maroon{background-color:#d3a6a6}#requests-table tbody tr.hl-mediumaquamarine{background-color:#c9eee1}#requests-table tbody tr.hl-mediumblue{background-color:#a6a6ee}#requests-table tbody tr.hl-mediumorchid{background-color:#e7c4f0}#requests-table tbody tr.hl-mediumpurple{background-color:#d9cdf2}#requests-table tbody tr.hl-mediumseagreen{background-color:#bbe4cd}#requests-table tbody tr.hl-mediumslateblue{background-color:#d1caf9}#requests-table tbody tr.hl-mediumspringgreen{background-color:#a6fddc}#requests-table tbody tr.hl-mediumturquoise{background-color:#bfefed}#requests-table tbody tr.hl-mediumvioletred{background-color:#ebadd4}#requests-table tbody tr.hl-midnightblue{background-color:#afafcd}#requests-table tbody tr.hl-mintcream{background-color:#fcfffd}#requests-table tbody tr.hl-mistyrose{background-color:#fff6f5}#requests-table tbody tr.hl-moccasin{background-color:#fff6e5}#requests-table tbody tr.hl-navajowhite{background-color:#fff3e2}#requests-table tbody tr.hl-navy{background-color:#a6a6d3}#requests-table tbody tr.hl-oldlace{background-color:#fefcf6}#requests-table tbody tr.hl-olive{background-color:#d3d3a6}#requests-table tbody tr.hl-olivedrab{background-color:#cbd7b2}#requests-table tbody tr.hl-orange{background-color:#ffe0a6}#requests-table tbody tr.hl-orangered{background-color:#ffbea6}#requests-table tbody tr.hl-orchid{background-color:#f2cdf1}#requests-table tbody tr.hl-palegoldenrod{background-color:#f9f7e1}#requests-table tbody tr.hl-palegreen{background-color:#dbfedb}#requests-table tbody tr.hl-paleturquoise{background-color:#e3f9f9}#requests-table tbody tr.hl-palevioletred{background-color:#f2cdd9}#requests-table tbody tr.hl-papayawhip{background-color:#fff9f0}#requests-table tbody tr.hl-peachpuff{background-color:#fff2e7}#requests-table tbody tr.hl-peru{background-color:#eed4bc}#requests-table tbody tr.hl-pink{background-color:#ffe9ed}#requests-table tbody tr.hl-plum{background-color:#f3def3}#requests-table tbody tr.hl-powderblue{background-color:#e3f4f6}#requests-table tbody tr.hl-purple{background-color:#d3a6d3}#requests-table tbody tr.hl-rebeccapurple{background-color:#c9b8db}#requests-table tbody tr.hl-red{background-color:#ffa6a6}#requests-table tbody tr.hl-rosybrown{background-color:#e8d8d8}#requests-table tbody tr.hl-royalblue{background-color:#bdcbf5}#requests-table tbody tr.hl-saddlebrown{background-color:#d6beac}#requests-table tbody tr.hl-salmon{background-color:#fdd3ce}#requests-table tbody tr.hl-sandybrown{background-color:#fbdfc7}#requests-table tbody tr.hl-seagreen{background-color:#b6d6c4}#requests-table tbody tr.hl-seashell{background-color:#fffcf9}#requests-table tbody tr.hl-sienna{background-color:#dec2b6}#requests-table tbody tr.hl-silver{background-color:#e9e9e9}#requests-table tbody tr.hl-skyblue{background-color:#d5eef8}#requests-table tbody tr.hl-slateblue{background-color:#cbc5ee}#requests-table tbody tr.hl-slategray,#requests-table tbody tr.hl-slategrey{background-color:#cdd3d8}#requests-table tbody tr.hl-snow{background-color:#fffdfd}#requests-table tbody tr.hl-springgreen{background-color:#a6ffd2}#requests-table tbody tr.hl-steelblue{background-color:#bed3e5}#requests-table tbody tr.hl-tan{background-color:#efe5d7}#requests-table tbody tr.hl-teal{background-color:#a6d3d3}#requests-table tbody tr.hl-thistle{background-color:#f1e9f1}#requests-table tbody tr.hl-tomato{background-color:#ffc8bf}#requests-table tbody tr.hl-turquoise{background-color:#bcf4ef}#requests-table tbody tr.hl-violet{background-color:#f9d3f9}#requests-table tbody tr.hl-wheat{background-color:#fcf3e4}#requests-table tbody tr.hl-bold{font-weight:700}#requests-table tbody tr.hl-italic{font-style:italic}#requests-table tbody tr.hl-underline td{text-decoration:underline}#requests-table tbody tr.hl-strikethrough td{text-decoration:line-through}#requests-table tbody tr.hl-underline.hl-strikethrough td{text-decoration:underline line-through}#requests-table tbody tr.hl-white{background-color:#595959}#requests-table tbody tr.hl-whitesmoke{background-color:#fcfcfc}#requests-table tbody tr.hl-yellow{background-color:#ffffa6}#requests-table tbody tr.hl-yellowgreen{background-color:#dceeb7}#requests-table tbody tr:hover{background-color:#3498db14}#requests-table tbody tr.selected{background-color:#3498db33}.col-index{color:var(--dark-gray)}.col-status,.col-index,.col-size,.col-duration,.col-start{text-align:right}.status-success{color:var(--success-color);font-weight:600}.status-error{color:var(--error-color);font-weight:600}.status-redirect{color:var(--redirect-color);font-weight:600}.col-custom{font-family:var(--mono-font);color:var(--secondary-color);padding-right:.3rem;font-size:.78rem}.col-custom-remove{color:var(--dark-gray);cursor:pointer;background:0 0;border:none;margin-left:.25rem;padding:0 .15rem;font-size:.75rem;line-height:1}.col-custom-remove:hover{color:var(--error-color)}.detail-panel{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}#detail-content{flex-direction:column;flex:1;min-height:0;display:flex}.detail-empty-state{height:100%;color:var(--dark-gray);text-align:center;justify-content:center;align-items:center;padding:2rem;font-size:.95rem;display:flex}.detail-summary{background-color:var(--light-gray);border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:baseline;gap:.75rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.summary-method{color:var(--secondary-color);font-weight:700}.summary-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--mono-font);flex:1;overflow:hidden}.summary-status{font-weight:600}.detail-columns{flex-direction:column;flex:1;min-height:0;display:flex}.detail-side{flex:1;min-height:80px;padding:.75rem 1rem;overflow:auto}.detail-side h3{text-transform:uppercase;letter-spacing:.04em;color:var(--dark-gray);margin-bottom:.5rem;font-size:.85rem}.sub-tabs{border-bottom:1px solid var(--border-color);gap:.25rem;margin-bottom:.75rem;display:flex}.sub-tab{cursor:pointer;color:var(--dark-gray);border:1px solid #0000;border-bottom:none;border-radius:4px 4px 0 0;padding:.4rem .75rem;font-size:.82rem}.sub-tab:hover{background-color:var(--light-gray)}.sub-tab.active{border-color:var(--border-color);background-color:var(--background-color);color:var(--text-color);margin-bottom:-1px;font-weight:600}.empty-note{color:var(--dark-gray);padding:.5rem 0;font-size:.85rem;font-style:italic}.headers-table{border-collapse:collapse;width:100%;font-size:.8rem}.headers-table th,.headers-table td{border-bottom:1px solid var(--mid-gray);text-align:left;vertical-align:top;word-break:break-word;padding:.35rem .5rem}.headers-table th{color:var(--dark-gray);font-weight:600}.header-name{font-family:var(--mono-font);color:var(--primary-color);white-space:nowrap}.header-value{font-family:var(--mono-font)}.raw-view,.syntax-view{background-color:var(--code-bg);color:var(--code-text);font-family:var(--mono-font);white-space:pre-wrap;word-break:break-word;border-radius:6px;padding:.9rem;font-size:.78rem;overflow-x:auto}.syntax-key{color:#7ec4ea}.syntax-string{color:#a8d98f}.syntax-number{color:#e0a85f}.syntax-boolean,.syntax-null{color:#e07f9b}.syntax-plain{color:var(--code-text)}.syntax-tag{color:#7ec4ea}.syntax-attr{color:#e0a85f}.syntax-empty{color:var(--dark-gray);font-style:italic}.image-preview{flex-direction:column;align-items:center;gap:.75rem;padding:1rem;display:flex}.image-preview img{object-fit:contain;background-image:linear-gradient(45deg, var(--light-gray) 25%, transparent 25%), linear-gradient(-45deg, var(--light-gray) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--light-gray) 75%), linear-gradient(-45deg, transparent 75%, var(--light-gray) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:2px solid #0000;border-radius:6px;min-width:128px;max-width:100%;min-height:128px;max-height:60vh;transition:box-shadow .2s,border-color .2s}.image-preview img:hover{box-shadow:0 0 0 2px var(--secondary-color), 0 4px 16px #00000026;border-color:#3498db4d}.image-meta{color:var(--dark-gray);font-size:.8rem}.font-preview{flex-direction:column;gap:1.25rem;padding:1rem;display:flex}.font-preview .font-meta{color:var(--dark-gray);font-size:.8rem}.font-section-title{border-bottom:1px solid var(--light-gray);text-transform:uppercase;letter-spacing:.05em;color:var(--dark-gray);margin:0 0 .5rem;padding-bottom:.25rem;font-size:.75rem;font-weight:600}.font-pangram{overflow-wrap:anywhere;margin:.25rem 0}.font-row{grid-template-columns:7rem 1fr;align-items:baseline;gap:.75rem;margin:.4rem 0;display:grid}.font-row-label{color:var(--dark-gray);font-size:.75rem}.font-row-sample{overflow-wrap:anywhere;line-height:1.3}.aggregate-panel{flex:1;min-height:0;padding:.9rem 1rem;overflow:auto}.timeline-legend{color:var(--dark-gray);flex-wrap:wrap;gap:.75rem 1.1rem;margin-bottom:.9rem;font-size:.78rem;display:flex}.timeline-legend-item{align-items:center;gap:.35rem;display:inline-flex}.timeline-swatch{border-radius:2px;width:10px;height:10px;display:inline-block}.timeline-rows{flex-direction:column;gap:.4rem;display:flex}.timeline-row{cursor:pointer;align-items:center;gap:.6rem;font-size:.78rem;display:flex}.timeline-row:hover{background:#7f7f7f1f}.timeline-label{text-overflow:ellipsis;white-space:nowrap;min-width:120px;font-family:var(--mono-font);flex:0 0 26%;overflow:hidden}.timeline-method{color:var(--secondary-color);margin-right:.35rem;font-weight:700}.timeline-track{background-color:var(--light-gray);border-radius:3px;flex:1;height:16px;position:relative}.timeline-bar{border-radius:3px;min-width:2px;height:100%;display:flex;position:absolute;top:0;overflow:hidden}.timeline-segment{height:100%}.timeline-gridline{background-color:var(--border-color);opacity:.6;width:1px;position:absolute;top:0;bottom:0}.timeline-duration{font-family:var(--mono-font);color:var(--dark-gray);white-space:nowrap;text-align:right;flex:0 0 64px}.timeline-scroll{padding-bottom:.4rem;overflow-x:auto}.timeline-scale-toggle{color:var(--dark-gray);cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;margin-left:auto;padding:0 .5rem;font-size:.8rem;display:inline-flex}.timeline-scale-toggle input{cursor:pointer}.aggregate-tabs-row{align-items:center}.timeline-axis-row{color:var(--dark-gray);align-items:center;gap:.6rem;margin-bottom:.5rem;font-size:.72rem;display:flex}.timeline-axis-spacer{flex:0 0 26%;min-width:120px}.timeline-axis-spacer-end{flex:0 0 64px;min-width:64px}.timeline-axis-row .timeline-axis{flex:1}.timeline-axis{height:1.1rem;position:relative}.timeline-axis-endpoint{color:var(--text-color);white-space:nowrap;font-weight:600;position:absolute;top:0}.timeline-axis-start{left:0;transform:translate(-50%)}.timeline-axis-end{right:0;transform:translate(50%)}.timeline-tick{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.phase-blocked{background-color:#95a5a6}.phase-dns{background-color:#9b59b6}.phase-connect{background-color:#f39c12}.phase-ssl{background-color:#e67e22}.phase-send{background-color:#e74c3c}.phase-wait{background-color:#3498db}.phase-receive{background-color:#27ae60}.stats-view{font-size:.85rem}.stats-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--dark-gray);margin-top:1.2rem;margin-bottom:.4rem;font-size:.8rem}.stats-table{border-collapse:collapse;width:100%}.stats-table td{border-bottom:1px solid var(--mid-gray);padding:.25rem .5rem}.stats-table td:first-child{color:var(--dark-gray);white-space:nowrap}.stats-breakdown{color:var(--dark-gray);margin-left:.35rem;font-size:.8rem}#error-message{background-color:var(--error-color);color:#fff;z-index:100;opacity:0;pointer-events:none;border-radius:6px;padding:.75rem 1.25rem;font-size:.9rem;transition:opacity .2s,transform .2s;position:fixed;top:1rem;left:50%;transform:translate(-50%)translateY(-10px);box-shadow:0 4px 10px #00000026}#error-message.visible{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=900px){.main-layout{flex-direction:column}.splitter-vertical{cursor:row-resize;width:auto;height:5px}.request-list-container{border-bottom:1px solid var(--border-color);width:100%;flex-basis:40vh!important}}