:root{--bg: var(--im-bg);--card: var(--im-card);--card-alt: var(--im-card-alt);--text: var(--im-text);--muted: var(--im-muted);--border: var(--im-border);--accent: var(--im-accent);--accent-fill: var(--im-accent-fill);--on-accent: var(--im-on-accent);--ok: var(--im-ok);--warn: var(--im-warn);--warn-surface: var(--im-warn-surface);--warn-text: var(--im-warn-text);--err: var(--im-err);--danger-fill: var(--im-danger-fill);--r-xs: 6px;--r-sm: 8px;--r-md: 10px;--r-lg: 12px;--r-pill: 14px;--r-chip: 16px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:14px/1.4 system-ui,-apple-system,PingFang SC,Segoe UI,Roboto,sans-serif}.num,.stat-value,.pill,.overlay,.caption,#time-label,pre{font-variant-numeric:tabular-nums}#https-hint{background:var(--warn-surface);color:var(--warn-text);padding:8px 16px;font-size:12px;border-bottom:1px solid var(--warn)}#https-hint code{font-family:var(--font-mono, ui-monospace, monospace);font-weight:600;background:color-mix(in oklch,currentColor 12%,transparent);padding:1px 6px;border-radius:4px}#page{max-width:1480px;margin:0 auto;padding:12px 16px 24px;display:flex;flex-direction:column;gap:12px}#header{display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:40px;height:40px;border-radius:var(--r-md)}.title{font-size:24px;font-weight:700;line-height:1.1}.subtitle{color:var(--muted);font-size:12px;margin-top:1px}.header-right{display:flex;align-items:center;gap:8px}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--r-pill);background:var(--card-alt);font-size:12px;font-weight:600;max-width:260px}.pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{width:8px;height:8px;border-radius:4px;background:var(--muted);flex:none}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.err{background:var(--err)}.dot.muted{background:var(--muted)}#layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(360px,2fr);gap:12px;align-items:start}.column{display:flex;flex-direction:column;gap:12px;min-width:0}@media(max-width:1100px){#layout{grid-template-columns:1fr}}.card{background:var(--card);border-radius:var(--r-lg);padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:24px}.card-title{font-size:15px;font-weight:600}.card-right,.caption{color:var(--muted);font-size:12px}.toolbar{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}.btn{font:inherit;font-size:14px;font-weight:600;padding:9px 14px;border-radius:var(--r-sm);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:var(--text);background:transparent}.btn.primary{background:var(--accent-fill);color:var(--on-accent)}.btn.danger{background:var(--danger-fill);color:var(--on-accent)}.btn.ghost{border-color:var(--border)}.btn.small{padding:5px 10px;font-size:13px}.btn:disabled{opacity:.4;cursor:default}.btn:not(:disabled):hover{filter:brightness(1.1)}.btn:not(:disabled):active{opacity:.7}.input,.select{font:inherit;font-size:14px;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 10px}.input{flex:1 1 260px;min-width:200px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.input:focus,.select:focus{outline:none;border-color:var(--accent)}.field{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.field.switch input{width:32px;height:18px;appearance:none;border-radius:9px;background:var(--border);position:relative;cursor:pointer;margin:0;transition:background .15s}.field.switch input:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:7px;background:var(--text);transition:transform .15s}.field.switch input:checked{background:var(--accent-fill)}.field.switch input:checked:after{transform:translate(14px);background:var(--on-accent)}.field.switch input:disabled{opacity:.4;cursor:default}.file-btn input{display:none}.seek{width:180px;accent-color:var(--accent-fill)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:6px 12px;border-radius:var(--r-chip);border:1px solid var(--border);color:var(--muted);font-size:13px;cursor:pointer;user-select:none;background:transparent}.chip.on{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.preview{position:relative;background:var(--im-preview-bg, #000);border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center}.preview canvas{max-width:100%;max-height:100%;width:auto;height:auto}.overlay{position:absolute;left:0;right:0;bottom:0;display:flex;gap:12px;align-items:center;padding:6px 10px;background:var(--im-scrim, rgb(0 0 0 / .45));color:var(--im-on-scrim, #E5ECF2);font-size:12px}.overlay>span:first-child{font-weight:600}.legend{margin-left:auto;display:inline-flex;gap:4px;align-items:center}.legend i{display:inline-block;width:56px;height:8px;border-radius:4px;background:linear-gradient(90deg,#30123b,#466be3,#28bbec,#1ae4b6,#7afb6e,#ccea32,#feb019,#ef6005,#b31903,#7a0403)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media(max-width:480px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat{background:var(--card-alt);border-radius:var(--r-md);padding:10px;display:flex;flex-direction:column;gap:2px;min-width:0}.stat-label{color:var(--muted);font-size:11px}.stat-value{font-size:18px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-value.ok{color:var(--ok)}.stat-value.warn{color:var(--warn-text)}.stat-value.err{color:var(--err)}.stat-value.muted{color:var(--muted)}.stat-unit{color:var(--muted);font-size:11px;font-weight:400}.rows{display:flex;flex-direction:column}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:24px}.row .k{color:var(--muted);font-size:14px;flex-shrink:1}.row .v{font-size:14px;text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:1px 8px;border-radius:var(--r-xs);font-size:12px;font-weight:700;background:var(--card-alt)}.badge.nominal{background:var(--ok);color:var(--on-accent)}.badge.fair{background:var(--warn-surface);color:var(--warn-text);border:1px solid var(--warn)}.badge.serious{background:var(--warn);color:var(--im-on-warn)}.badge.critical{background:var(--danger-fill);color:var(--on-accent)}.canvas-box{position:relative;background:var(--card-alt);border-radius:var(--r-md);overflow:hidden;height:300px}.canvas-box canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.canvas-box.split{height:240px}.canvas-box.split canvas:first-child{height:calc(50% - 1px)}.canvas-box.split canvas:last-child{top:50%;height:50%;border-top:1px solid var(--border)}#pose{cursor:grab}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;margin:0;white-space:pre-wrap;color:var(--muted)}#pose-text{color:var(--text)}#log{max-height:220px;overflow:auto}#lang{min-width:40px}:root{--im-bg: oklch(17% .012 255);--im-card: oklch(22% .016 257);--im-card-alt: oklch(25.5% .026 265);--im-text: oklch(94% .011 245);--im-muted: oklch(66.5% .018 251);--im-border: oklch(33% .015 252);--im-accent: oklch(62% .19 258);--im-accent-fill: oklch(57% .2 260);--im-on-accent: oklch(100% 0 0);--im-ok: oklch(70% .18 146);--im-warn: oklch(85.7% .133 90);--im-warn-surface: oklch(29.6% .023 96.6);--im-on-warn: oklch(85.7% .133 90);--im-warn-text: oklch(85.7% .133 90);--im-err: oklch(66.5% .205 27);--im-danger-fill: oklch(58.5% .2 27);--im-preview-bg: #000;--im-scrim: rgb(0 0 0 / .45);--im-on-scrim: #E5ECF2;color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--im-bg: oklch(98% .003 248);--im-card: oklch(100% 0 0);--im-card-alt: oklch(95.8% .006 255);--im-text: oklch(25.5% .011 254);--im-muted: oklch(49.5% .022 251);--im-border: oklch(88% .013 244);--im-accent: oklch(57% .2 260);--im-accent-fill: oklch(57% .2 260);--im-on-accent: oklch(100% 0 0);--im-ok: oklch(51.5% .14 148);--im-warn: oklch(84% .165 92);--im-warn-surface: oklch(84% .165 92);--im-on-warn: oklch(25.5% .011 254);--im-warn-text: oklch(53.5% .11 80);--im-err: oklch(55.5% .2 25);--im-danger-fill: oklch(55.5% .2 25);color-scheme:light}}:root[data-theme=light]{--im-bg: oklch(98% .003 248);--im-card: oklch(100% 0 0);--im-card-alt: oklch(95.8% .006 255);--im-text: oklch(25.5% .011 254);--im-muted: oklch(49.5% .022 251);--im-border: oklch(88% .013 244);--im-accent: oklch(57% .2 260);--im-accent-fill: oklch(57% .2 260);--im-on-accent: oklch(100% 0 0);--im-ok: oklch(51.5% .14 148);--im-warn: oklch(84% .165 92);--im-warn-surface: oklch(84% .165 92);--im-on-warn: oklch(25.5% .011 254);--im-warn-text: oklch(53.5% .11 80);--im-err: oklch(55.5% .2 25);--im-danger-fill: oklch(55.5% .2 25);color-scheme:light}