:root,[data-theme=light]{--color-bg:#fff;--color-surface:#f5f5f5;--color-surface-raised:#fff;--color-text:#1a1a1a;--color-text-secondary:#595959;--color-text-muted:#767676;--color-border:#e0e0e0;--color-border-strong:#bdbdbd;--color-accent:#0078d4;--color-accent-hover:#106ebe;--color-accent-text:#fff;--color-error:#d13438;--color-error-bg:#fde7e9;--color-warning:#ca5010;--color-warning-bg:#fff4ce;--color-info:#0078d4;--color-info-bg:#e6f2fb;--color-success:#107c10;--color-success-bg:#dff6dd;--color-delay-bar:#0078d4;--color-delay-negative:#d13438;--color-delay-anomaly:#ca5010;--color-code-bg:#f0f0f0;--color-input-bg:#fff;--color-input-border:#8a8886;--color-highlight:#fff3cd;--shadow-card:0 1px 3px #0000001f;--shadow-dialog:0 8px 24px #0003;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}[data-theme=dark]{--color-bg:#1e1e1e;--color-surface:#2d2d2d;--color-surface-raised:#383838;--color-text:#e0e0e0;--color-text-secondary:#a0a0a0;--color-text-muted:#6e6e6e;--color-border:#404040;--color-border-strong:#555;--color-accent:#4da6ff;--color-accent-hover:#79bfff;--color-accent-text:#1e1e1e;--color-error:#f47174;--color-error-bg:#442726;--color-warning:#f7a44c;--color-warning-bg:#44341a;--color-info:#4da6ff;--color-info-bg:#1a3a5c;--color-success:#6ccb5f;--color-success-bg:#1e3a1e;--color-delay-bar:#4da6ff;--color-delay-negative:#f47174;--color-delay-anomaly:#f7a44c;--color-code-bg:#2d2d2d;--color-input-bg:#383838;--color-input-border:#555;--color-highlight:#5c4813;--shadow-card:0 1px 3px #0006;--shadow-dialog:0 8px 24px #00000080}@media (prefers-color-scheme:dark){[data-theme=system]{--color-bg:#1e1e1e;--color-surface:#2d2d2d;--color-surface-raised:#383838;--color-text:#e0e0e0;--color-text-secondary:#a0a0a0;--color-text-muted:#6e6e6e;--color-border:#404040;--color-border-strong:#555;--color-accent:#4da6ff;--color-accent-hover:#79bfff;--color-accent-text:#1e1e1e;--color-error:#f47174;--color-error-bg:#442726;--color-warning:#f7a44c;--color-warning-bg:#44341a;--color-info:#4da6ff;--color-info-bg:#1a3a5c;--color-success:#6ccb5f;--color-success-bg:#1e3a1e;--color-delay-bar:#4da6ff;--color-delay-negative:#f47174;--color-delay-anomaly:#f7a44c;--color-code-bg:#2d2d2d;--color-input-bg:#383838;--color-input-border:#555;--color-highlight:#5c4813;--shadow-card:0 1px 3px #0006;--shadow-dialog:0 8px 24px #00000080}}@media (forced-colors:active){:root{--color-bg:Canvas;--color-surface:Canvas;--color-surface-raised:Canvas;--color-text:CanvasText;--color-text-secondary:CanvasText;--color-text-muted:GrayText;--color-border:ButtonBorder;--color-border-strong:ButtonBorder;--color-accent:LinkText;--color-accent-hover:LinkText;--color-accent-text:Canvas;--color-error:CanvasText;--color-warning:CanvasText;--color-info:CanvasText;--color-success:CanvasText;--shadow-card:none;--shadow-dialog:none}}body{color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3{margin:0;font-weight:600}h1{font-size:1.25rem}h2{font-size:1.1rem}h3{font-size:1rem}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}code,pre,.hl-mono{font-family:Cascadia Code,Fira Code,Consolas,Courier New,monospace;font-size:.9em}pre{white-space:pre-wrap;word-break:break-all}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-bg);height:100%;margin:0;padding:0}#app{flex-direction:column;min-height:100%;display:flex}.hl-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.hl-header__title{flex:1;min-width:0;font-size:1rem;font-weight:600}.hl-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.hl-input{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:1rem}.hl-input__textarea{resize:vertical;border:1px solid var(--color-input-border);border-radius:var(--radius-sm);background:var(--color-input-bg);width:100%;min-height:120px;max-height:300px;color:var(--color-text);padding:.5rem;font-family:inherit;font-size:.85rem;line-height:1.4}.hl-input__label{color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.85rem;font-weight:500;display:block}.hl-input__textarea:focus{outline:2px solid var(--color-accent);outline-offset:-1px;border-color:var(--color-accent)}.hl-input__textarea::placeholder{color:var(--color-text-muted)}.hl-input__actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.hl-results{flex:1;padding:1rem;overflow-y:auto}.hl-tabs{border-bottom:1px solid var(--color-border);-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-shrink:0;gap:0;padding:0 1rem;display:flex;overflow-x:auto}.hl-tabs:after{content:"";background:linear-gradient(to right, transparent, var(--color-bg));pointer-events:none;flex-shrink:0;width:1.5rem;position:sticky;right:0}.hl-tabs__tab{color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;transition:color .15s,border-color .15s;position:relative}.hl-tabs__tab:hover{color:var(--color-text)}.hl-tabs__tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;border-radius:var(--radius-sm)}.hl-tabs__tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:600}.hl-tabs__tab--error:after,.hl-tabs__tab--warning:after,.hl-tabs__tab--info:after{content:"";vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:.35rem;display:inline-block}.hl-tabs__tab--error:after{background:var(--color-error)}.hl-tabs__tab--warning:after{background:var(--color-warning)}.hl-tabs__tab--info:after{background:var(--color-info)}.hl-status{color:var(--color-text-secondary);border-top:1px solid var(--color-border);flex-shrink:0;min-height:2rem;padding:.5rem 1rem;font-size:.85rem}.hl-build-info{color:var(--color-text-muted);border-top:1px solid var(--color-border);flex-shrink:0;padding:.35rem 1rem .6rem;font-size:.75rem}@media (width<=599px){.hl-header{padding:.5rem}.hl-input{padding:.75rem}.hl-input__textarea{max-height:150px}.hl-results{padding:.75rem}.hl-tabs__tab{padding:.5rem .625rem;font-size:.8rem}.hl-build-info{padding:.35rem .75rem .5rem}}.hl-skip-link{z-index:9999;background:var(--color-accent);color:var(--color-accent-text);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.9rem;text-decoration:none;position:absolute;top:.5rem;left:-9999px}.hl-skip-link:focus-visible{outline:2px solid var(--color-accent-text);outline-offset:2px;left:.5rem}.hl-external-link{color:var(--color-accent);text-decoration:underline}.hl-external-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.hl-external-link__icon{vertical-align:super;margin-left:.1em;font-size:.75em}.hl-details__summary-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.hl-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;white-space:nowrap;align-items:center;gap:.35rem;padding:.375rem .75rem;font-family:inherit;font-size:.85rem;transition:background .15s,border-color .15s;display:inline-flex}.hl-btn:hover{background:var(--color-border)}.hl-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.hl-btn:disabled{opacity:.5;cursor:not-allowed}.hl-btn--primary{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.hl-btn--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.hl-btn--small{padding:.25rem .5rem;font-size:.8rem}.hl-btn--icon{background:0 0;border:none;padding:.375rem}.hl-btn--icon:hover{background:var(--color-surface);border-radius:var(--radius-sm)}.hl-copy-menu{display:inline-flex;position:relative}.hl-copy-menu__dropdown{z-index:100;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:200px;box-shadow:var(--shadow-card);margin-top:.25rem;display:none;position:absolute;top:100%;left:0;overflow:hidden}.hl-copy-menu--open .hl-copy-menu__dropdown{display:block}.hl-copy-menu__item{cursor:pointer;text-align:left;width:100%;color:var(--color-text);background:0 0;border:none;padding:.5rem .75rem;font-family:inherit;font-size:.85rem;display:block}.hl-copy-menu__item:hover{background:var(--color-surface)}.hl-copy-menu__item+.hl-copy-menu__item{border-top:1px solid var(--color-border)}.hl-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-left-width:3px;border-left-color:var(--color-accent);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);margin-bottom:.75rem;padding:1rem}.hl-card--error{border-left-color:var(--color-error)}.hl-card--warning{border-left-color:var(--color-warning)}.hl-card--info{border-left-color:var(--color-info)}.hl-card--success{border-left-color:var(--color-success)}.hl-card__header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.hl-card__title{font-size:.95rem;font-weight:600}.hl-table{border-collapse:collapse;width:100%;font-size:.85rem}.hl-table th{text-align:left;border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:.5rem;font-size:.8rem;font-weight:600}.hl-table th:hover{color:var(--color-text)}.hl-table td{border-bottom:1px solid var(--color-border);vertical-align:top;word-break:break-word;padding:.375rem .5rem}.hl-table tr:last-child td{border-bottom:none}.hl-kv{grid-template-columns:auto 1fr;gap:.25rem 1rem;font-size:.9rem;display:grid}.hl-kv__key{color:var(--color-text-secondary);white-space:nowrap;font-weight:500}.hl-kv__value{word-break:break-word}.hl-insights{flex-direction:column;margin:0 0 1rem;padding:0;list-style:none;display:flex}.hl-insight{border:1px solid var(--color-border);border-radius:var(--radius-sm);border-left-width:3px;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.85rem}.hl-insight--error{border-left-color:var(--color-error)}.hl-insight--warning{border-left-color:var(--color-warning)}.hl-insight--success{border-left-color:var(--color-success)}.hl-insight--info{border-left-color:var(--color-info)}.hl-insight__label{font-weight:600}.hl-insight--error .hl-insight__label{color:var(--color-error)}.hl-insight--warning .hl-insight__label{color:var(--color-warning)}.hl-insight--success .hl-insight__label{color:var(--color-success)}.hl-insight--info .hl-insight__label{color:var(--color-info)}.hl-insight__detail{color:var(--color-text-secondary)}.highlight-violation{background:var(--color-highlight);border-radius:2px;padding:0 2px}.hl-delay-bar{background:var(--color-delay-bar);border-radius:2px;height:4px;transition:width .3s}.hl-delay-bar--negative{background:var(--color-delay-negative)}.hl-delay-bar--anomaly{background:var(--color-delay-anomaly)}.hl-details{border:1px solid var(--color-border);border-radius:var(--radius-sm);border-left-width:3px;margin-bottom:.5rem}.hl-details--error{border-left-color:var(--color-error)}.hl-details--warning{border-left-color:var(--color-warning)}.hl-details--info{border-left-color:var(--color-info)}.hl-details--success{border-left-color:var(--color-success)}.hl-details summary{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem .75rem;font-size:.9rem;font-weight:500;list-style:none}.hl-details summary::-webkit-details-marker{display:none}.hl-details summary:before{content:"▶";margin-right:.5rem;font-size:.7rem;transition:transform .15s;display:inline-block}.hl-details[open] summary:before{transform:rotate(90deg)}.hl-details__content{border-top:1px solid var(--color-border);padding:.5rem .75rem}.hl-dialog-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hl-dialog{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-dialog);width:calc(100% - 2rem);max-width:400px;max-height:calc(100vh - 4rem);padding:1.5rem;overflow-y:auto}.hl-dialog__header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.hl-dialog__title{font-size:1.1rem;font-weight:600}.hl-dialog__close{cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem;font-size:1.25rem;line-height:1}.hl-dialog__close:hover{color:var(--color-text);background:var(--color-surface)}.hl-dialog__close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.hl-field{margin-bottom:1rem}.hl-field__label{margin-bottom:.375rem;font-size:.9rem;font-weight:500;display:block}.hl-radio-group{flex-direction:column;gap:.375rem;display:flex}.hl-radio-group label,.hl-toggle{cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.hl-toggle input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--color-accent)}.hl-empty{text-align:center;color:var(--color-text-muted);padding:2rem;font-style:italic}.hl-diagnostics-banner{border:1px solid var(--color-border);border-radius:var(--radius-sm);border-left-width:3px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;display:flex}.hl-diagnostics-banner--error{border-left-color:var(--color-error);color:var(--color-error)}.hl-diagnostics-banner--warning{border-left-color:var(--color-warning);color:var(--color-warning)}.hl-diagnostics-banner--info{border-left-color:var(--color-info);color:var(--color-info)}.hl-error-card{border:1px solid var(--color-border);border-left:3px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);align-items:flex-start;gap:.5rem;margin-bottom:.75rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.hl-error-card__message{flex:1}.hl-error-card__dismiss{cursor:pointer;color:var(--color-error);background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1}.hl-loading{color:var(--color-text-muted);justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.hl-loading__spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:1.25rem;height:1.25rem;animation:.6s linear infinite hl-spin}@keyframes hl-spin{to{transform:rotate(360deg)}}.hl-hop{border:1px solid var(--color-border);border-left-width:3px;border-left-color:var(--color-accent);border-radius:var(--radius-sm);margin-bottom:.5rem;padding:.5rem .75rem;font-size:.85rem}.hl-hop--anomaly{border-left-color:var(--color-warning)}.hl-hop--negative{border-left-color:var(--color-error)}.hl-hop__header{align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.hl-hop__number{color:var(--color-accent);min-width:1.5rem;font-weight:700}.hl-hop__delay{white-space:nowrap;margin-left:auto;font-weight:600}.hl-hop__delay--anomaly{color:var(--color-delay-anomaly)}.hl-hop__bar-container{background:var(--color-surface);border-radius:2px;height:4px;margin-top:.25rem}.hl-hop__fields{color:var(--color-text-secondary);grid-template-columns:auto 1fr;gap:.125rem .75rem;margin-top:.375rem;font-size:.8rem;display:grid}.hl-other-item{border:1px solid var(--color-border);border-left-width:3px;border-left-color:var(--color-accent);border-radius:var(--radius-sm);margin-bottom:.5rem;padding:.5rem .75rem;font-size:.85rem}.hl-other-item__header{color:var(--color-text);align-items:center;gap:.5rem;margin-bottom:.375rem;font-weight:600;display:flex}.hl-other-item__number{color:var(--color-accent);min-width:1.5rem;font-weight:700}.hl-other-item__name{color:var(--color-text)}.hl-other-item__name a{color:inherit}.hl-other-item__name a:hover{color:var(--color-text)}.hl-other-item__value{color:var(--color-text);word-break:break-word;white-space:normal;padding-left:.25rem}