:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f6f8;--surface:#fff;--surface-2:#eef0f3;--border:#d9dde3;--border-strong:#b9c0ca;--text:#15181c;--text-muted:#57606b;--accent:#0a62c2;--accent-hover:#0853a6;--accent-contrast:#fff;--focus:#0a62c2;--ok:#17703a;--ok-bg:#e3f3e8;--warn:#8a5a00;--warn-bg:#fff3d1;--danger:#b42318;--danger-bg:#fdeceb;--info:#0a4f9c;--info-bg:#e7f0fb;--neutral-bg:#eef0f3;--stage-bg:#101215;--radius:10px;--radius-sm:6px;--shadow:0 1px 2px #1018280f, 0 1px 3px #10182814;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--gutter:16px;--max-width:1180px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1114;--surface:#171a1f;--surface-2:#20242a;--border:#2d333b;--border-strong:#444c56;--text:#e6e8eb;--text-muted:#9aa4b0;--accent:#4b9bf0;--accent-hover:#6aaef5;--accent-contrast:#08111c;--focus:#6aaef5;--ok:#57c27c;--ok-bg:#12301d;--warn:#e0b04f;--warn-bg:#33270d;--danger:#f2756a;--danger-bg:#3a1714;--info:#79b4f2;--info-bg:#10263f;--neutral-bg:#22262c;--shadow:none}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;font-size:15px;line-height:1.5}img,video,canvas,svg{max-width:100%;display:block}a{color:var(--accent)}h1,h2,h3{margin:0;line-height:1.25}h1{font-size:1.35rem}h2{font-size:1.1rem}h3{font-size:.95rem}p{margin:0}code,.mono{font-family:var(--mono);font-size:.9em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.app-header{z-index:10;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0}.app-header__inner{max-width:var(--max-width);padding:10px var(--gutter);flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 auto;display:flex}.app-brand{color:var(--text);align-items:center;gap:8px;margin-right:auto;font-weight:650;text-decoration:none;display:flex}.app-brand img{border-radius:6px;width:26px;height:26px}.app-nav{order:3;gap:4px;width:100%;display:flex;overflow-x:auto}.app-nav a{border-radius:var(--radius-sm);color:var(--text-muted);white-space:nowrap;padding:6px 8px;font-weight:500;text-decoration:none}.app-nav a:hover,.app-nav a[aria-current=page]{background:var(--surface-2);color:var(--text)}.app-header__status{flex-wrap:wrap;align-items:center;gap:6px;display:flex}@media (min-width:760px){.app-nav{order:0;width:auto}}.nav-long{display:none}@media (min-width:480px){.nav-long{display:inline}}.page{max-width:var(--max-width);padding:18px var(--gutter) 48px;gap:18px;margin:0 auto;display:grid}.page-header{gap:6px;display:grid}.page-header p{color:var(--text-muted);max-width:70ch}.back-link{font-size:.9rem;text-decoration:none}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:12px;min-width:0;padding:14px;display:grid}.panel__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.muted{color:var(--text-muted)}.small{font-size:.85rem}.stack{gap:8px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button{appearance:none;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);min-height:40px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:550;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){background:var(--surface-2)}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.button--primary:hover:not(:disabled){background:var(--accent-hover)}.button--danger{color:var(--danger)}.button--small{min-height:32px;padding:4px 10px;font-size:.875rem}.button--block{width:100%}.field{gap:4px;display:grid}.field label,.field .label{font-size:.9rem;font-weight:550}.field .hint{color:var(--text-muted);font-size:.82rem}input[type=number],select{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);min-height:38px;color:var(--text);width:100%;padding:6px 8px}input[type=range]{width:100%;min-height:32px;accent-color:var(--accent);touch-action:pan-y}.badge{white-space:nowrap;background:var(--neutral-bg);color:var(--text-muted);border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:.78rem;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.badge--ok{background:var(--ok-bg);color:var(--ok)}.badge--warn{background:var(--warn-bg);color:var(--warn)}.badge--danger{background:var(--danger-bg);color:var(--danger)}.badge--info{background:var(--info-bg);color:var(--info)}.notice{border-radius:var(--radius-sm);background:var(--neutral-bg);border:1px solid #0000;gap:4px;padding:10px 12px;display:grid}.notice--ok{background:var(--ok-bg);border-color:color-mix(in srgb, var(--ok) 30%, transparent)}.notice--warn{background:var(--warn-bg);border-color:color-mix(in srgb, var(--warn) 30%, transparent)}.notice--danger{background:var(--danger-bg);border-color:color-mix(in srgb, var(--danger) 30%, transparent)}.notice--info{background:var(--info-bg);border-color:color-mix(in srgb, var(--info) 25%, transparent)}.notice__title{font-weight:650}.gallery-summary{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px;display:grid}.location-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.location-card__body{align-content:start;gap:8px;padding:12px;display:grid}.location-card__title{justify-content:space-between;align-items:start;gap:8px;display:flex}.location-card__actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.location-card__actions .button{flex:auto}.thumb{aspect-ratio:4/3;background:var(--surface-2);position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb--placeholder{text-align:center;color:var(--text-muted);background:repeating-linear-gradient(45deg, transparent 0 10px, color-mix(in srgb, var(--border) 45%, transparent) 10px 11px), var(--surface-2);border-bottom:1px dashed var(--border-strong);place-items:center;padding:12px;display:grid}.thumb--placeholder strong{color:var(--text);font-size:.9rem;display:block}.matching-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""score""controls""side";align-items:start;gap:16px;display:grid}.area-stage{grid-area:stage;min-width:0}.area-score{grid-area:score}.area-controls{grid-area:controls}.area-side{grid-area:side}@media (min-width:980px){.matching-layout{grid-template:"stage score""stage side""controls side"1fr/minmax(0,1fr) 360px}}.stage{background:var(--stage-bg);border-radius:var(--radius);place-items:center;min-height:220px;padding:8px;display:grid}.stage__frame{width:min(100%, calc(var(--stage-max-height,68vh) * var(--aspect,1.333)));aspect-ratio:var(--aspect,1.333);border-radius:var(--radius-sm);background:#000;position:relative;overflow:hidden}.stage__frame>video,.stage__frame>.stage__layer{width:100%;height:100%;position:absolute;inset:0}.stage__frame>video{object-fit:contain}.stage__layer{object-fit:contain;pointer-events:none}.stage__empty{color:#c9ced6;text-align:center;justify-items:center;gap:10px;padding:24px;display:grid}.stage__score{border-radius:var(--radius-sm);color:#fff;pointer-events:none;background:#000000b3;border-left:4px solid #8b949e;align-items:baseline;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:600;display:flex;position:absolute;bottom:8px;right:8px}.stage__score strong{font-variant-numeric:tabular-nums;font-size:1.35rem}.stage__score--ok{border-left-color:#3ddc84}.stage__score--warn{border-left-color:#e0b04f}.stage__score--stale{opacity:.6}.stage__caption{color:#fff;pointer-events:none;background:#0009;border-radius:999px;padding:2px 8px;font-size:.75rem;position:absolute;top:8px;left:8px}.segmented{border:1px solid var(--border-strong);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.segmented button{appearance:none;background:var(--surface);color:var(--text-muted);font:inherit;cursor:pointer;border:0;min-height:36px;padding:7px 12px;font-size:.875rem;font-weight:550}.segmented button+button{border-left:1px solid var(--border-strong)}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--accent-contrast)}.segmented button:disabled{opacity:.5;cursor:not-allowed}.score-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);gap:8px;padding:14px;display:grid}.score-card--ok{border-color:var(--ok);box-shadow:inset 4px 0 0 var(--ok)}.score-card--warn{box-shadow:inset 4px 0 0 var(--warn)}.score-card--danger{box-shadow:inset 4px 0 0 var(--danger)}.score-card--info{box-shadow:inset 4px 0 0 var(--info)}.score-card__value{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.score-card__number{font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:700;line-height:1}.score-card__number--stale{opacity:.45}.score-card__title{font-size:1.05rem;font-weight:650}.meter{background:var(--surface-2);border-radius:999px;height:10px;position:relative;overflow:visible}.meter__fill{background:var(--text-muted);border-radius:999px;position:absolute;inset:0 auto 0 0}.meter__fill--ok{background:var(--ok)}.meter__fill--warn{background:var(--warn)}.meter__threshold{background:var(--text);width:2px;position:absolute;top:-4px;bottom:-4px}.check-indicator{align-items:center;gap:8px;font-weight:600;display:flex}.check-indicator__dot{border:2px solid var(--border-strong);border-radius:50%;flex:none;width:14px;height:14px}.check-indicator--ok .check-indicator__dot{background:var(--ok);border-color:var(--ok)}.check-indicator--no .check-indicator__dot{background:0 0}.diagnostics summary{cursor:pointer;font-weight:650;list-style-position:inside}.metrics{grid-template-columns:minmax(8.5rem,45%) minmax(0,1fr);gap:3px 12px;margin:0;font-size:.86rem;display:grid}.metrics dt{color:var(--text-muted)}.metrics dd{font-family:var(--mono);text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.metrics__group{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-top:1px solid var(--border);grid-column:1/-1;margin-top:8px;padding-top:6px;font-size:.8rem;font-weight:650}dialog.modal{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--text);padding:0}dialog.modal::backdrop{background:#00000073}.modal__content{gap:12px;padding:16px;display:grid}.modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.upload-preview{object-fit:contain;background:var(--surface-2);border-radius:var(--radius-sm);width:100%;max-height:260px}.compare-inputs{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;display:grid}.image-slot{gap:8px;display:grid}.image-slot__preview{aspect-ratio:4/3;background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--text-muted);text-align:center;place-items:center;padding:8px;display:grid;overflow:hidden}.image-slot__preview img{object-fit:contain;width:100%;height:100%}.visualization canvas{border-radius:var(--radius-sm);background:#000;width:100%;height:auto}.legend{color:var(--text-muted);flex-wrap:wrap;gap:12px;font-size:.82rem;display:flex}.legend span:before{content:"";vertical-align:-1px;background:var(--swatch);border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;display:grid}.prose{gap:10px;max-width:75ch;display:grid}.prose ul{gap:4px;margin:0;padding-left:1.2em;display:grid}.table-wrap{overflow-x:auto}table.simple{border-collapse:collapse;min-width:520px;font-size:.88rem}table.simple th,table.simple td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:6px 10px}.roi-editor{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;position:relative}.roi-editor img{width:100%;height:auto}.roi-editor__rect{border:2px solid #ffd43b;position:absolute;box-shadow:0 0 0 9999px #00000073}