:root{--bg: #0f1115;--panel: #171a21;--line: #262b36;--text: #e6e8ee;--muted: #8a93a6;--accent: #4f8cff;--err: #ff6b6b;--warn: #f5b942;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{max-width:1440px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:12px}h1{font-size:22px;margin:0 0 4px}h2{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px}h3{font-size:13px;margin:12px 0 6px}section{padding:12px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.row{display:flex;gap:8px;align-items:end}.row>*{flex:1}button,.button{display:inline-flex;justify-content:center;align-items:center;background:#222734;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font:inherit;cursor:pointer}button:hover,.button:hover{border-color:var(--accent)}button.active,.button.active,button[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}button:focus-visible,.button:focus-within,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled,.button.disabled{opacity:.5;cursor:default}.small{padding:5px 8px;font-size:12px}button.link{background:none;border:none;color:var(--accent);padding:0;font-size:12px;text-align:left;justify-content:start}.samples{display:flex;flex-wrap:wrap;gap:6px}.samples button{padding:4px 8px;font-size:12px}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.field b{color:var(--text)}.check{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted)}input,select{background:#10131a;color:var(--text);border:1px solid var(--line);border-radius:5px;padding:6px;font:inherit;width:100%}input[type=checkbox]{width:auto}input[type=range]{padding:0}details summary{cursor:pointer;color:var(--muted);font-size:12px;margin-bottom:6px}details:not([open])>:not(summary){display:none}details[open]>summary{margin-bottom:12px}.hint{color:var(--muted);font-size:12px;margin:0;line-height:1.5}.hint b{color:var(--text)}.webgpu{color:#7ee787!important}.wasm{color:var(--warn)!important}main{display:flex;flex-direction:column;gap:12px;min-width:0}.target-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.target-picker button,.source-bar .row>*{min-height:44px}.source-bar{display:flex;flex-direction:column;gap:8px}.source-bar .row{max-width:520px}.analysis-view{--stage-height: min(68dvh, 680px);display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:20px}.stage{position:relative;width:100%;background:#000;border-radius:8px;overflow:hidden;margin:0 auto}.stage video,.stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.stage canvas{pointer-events:none}.stage svg.calibration{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.stage svg.calibration.drawing{pointer-events:auto;cursor:crosshair}.stage svg.calibration .body{stroke:#00e5ff;stroke-width:2px;vector-effect:non-scaling-stroke}.stage svg.calibration .end{fill:#00e5ff}.stage svg.calibration .hit{pointer-events:auto;stroke:transparent;fill:transparent}.stage svg.calibration line.hit{stroke-width:16px;vector-effect:non-scaling-stroke;cursor:move}.stage svg.calibration .end-hit{cursor:grab}.stage svg.calibration.drawing .hit{cursor:crosshair}.placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;color:var(--muted)}.loading-status{position:absolute;top:8px;left:8px;right:8px;background:#171a21e8;padding:8px;border-radius:5px;font-size:12px}.stage-notices{position:absolute;inset:0;padding:8px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}.stage-notices .loading-status{position:static;width:100%}.framing-guide{position:absolute;inset:0}.framing-lines{position:absolute;inset:12% 15%;border-left:1px dashed #ffffffa6;border-right:1px dashed #ffffffa6}.framing-caption{position:absolute;bottom:8px;left:6px;right:6px;padding:4px;border-radius:4px;background:#10131ac9;font-size:11px;line-height:1.4;text-align:center}.phone-level{z-index:1;max-width:100%;padding:4px 6px;border:1px solid currentColor;border-radius:4px;background:#10131ae8;font-size:11px;line-height:1.4;font-variant-numeric:tabular-nums}.phone-level[hidden]{display:none}.phone-level[data-colour=green]{color:#7ee787}.phone-level[data-colour=amber]{color:var(--warn)}.phone-level[data-colour=red]{color:var(--err)}.key-metrics{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:14px}.key-metrics dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.key-metrics dt{color:var(--muted);font-size:12px}.key-metrics dd{margin:2px 0 0;font-size:16px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.key-metrics p{margin:4px 0 0;font-size:12px}.analysis-readings{display:flex;flex-direction:column;gap:10px;min-width:0}.reading-actions{display:flex;flex-wrap:wrap;gap:8px}.session-finished{background:#171a21e8;padding:6px 8px;border-radius:5px;font-size:12px}.measurement-trend{margin-top:4px;color:var(--muted);font-size:11px}.measurement-trend b{float:right;color:var(--text);font-variant-numeric:tabular-nums}.measurement-trend svg{display:block;width:100%;height:34px;color:var(--accent)}.run-summary{padding:10px 12px;gap:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:12px}.run-summary h2,.run-summary p,.run-summary dl{margin:0}.run-summary p{color:var(--muted);line-height:1.5}.run-summary dl{display:grid;gap:4px}.run-summary dt{color:var(--muted);font-size:11px}.run-summary dd{margin:0;font-variant-numeric:tabular-nums}.summary-actions{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px}.summary-actions h2{flex:1}.summary-actions .share-error{position:absolute;right:0;bottom:100%;max-width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:5px;background:var(--panel);z-index:1}.summary-actions button{min-height:44px}.run-summary [role=status]:empty{display:none}.model-summary{display:flex;flex-direction:column;gap:4px}.download{align-self:start;min-height:36px}.advanced{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:12px}.advanced>summary{margin:0;font-size:14px;color:var(--text)}.advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.advanced-grid section{min-width:0}.stats{display:flex;flex-wrap:wrap;gap:16px;font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.stats span:first-child{color:var(--text);font-weight:600}.stats .metric b{color:var(--text)}.status{display:flex;flex-direction:column;gap:4px}.err{color:var(--err)}.warn{color:var(--warn)}em.err{font-style:normal}@media(max-width:760px){.app{padding:12px 16px;gap:10px}.analysis-view{--stage-height: 40dvh;display:flex;flex-direction:column;gap:10px}.analysis-view.finished{--stage-height: 22dvh}.analysis-readings{width:100%}.key-metrics{width:100%;padding:10px 12px;gap:4px}.key-metrics dl{gap:8px}.key-metrics dd{font-size:14px}.advanced-grid{grid-template-columns:1fr;gap:8px}}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){.app{display:grid;grid-template-columns:3fr 2fr;padding:8px 16px;gap:4px}.app>header,.app>main,.app>.advanced{grid-column:1 / -1}.app>header h1{font-size:18px;margin:0}.app>header .hint{display:none}.target-picker{gap:6px;align-self:start}.source-bar .row{max-width:none}.target-picker button,.source-bar .row>*{min-height:40px;padding:6px}.analysis-view,.analysis-view.finished{--stage-height: calc(100dvh - 124px) ;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px}.analysis-readings{gap:6px}.key-metrics{padding:4px 12px;gap:4px}.key-metrics h2{margin:0}.key-metrics dl{gap:3px}.key-metrics dd{font-size:14px}.reading-actions>*{min-height:40px}}