:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0f14;--panel:#141a22;--line:#243040;--ink:#e7edf3;--ink-dim:#8b9aab;--accent:#04685a;--ok:#2fbf71;--wait:#d6a040;--danger:#e5484d}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,-apple-system,sans-serif}.app{flex-direction:column;gap:16px;max-width:560px;margin:0 auto;padding:16px;display:flex}.app__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.app__title{margin:0;font-size:1.1rem}.app__sub{color:var(--ink-dim);margin:0;font-size:.78rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.panel__title{margin:0;font-size:.95rem}.row{align-items:center;gap:10px;display:flex}.row__label{color:var(--ink-dim);font-size:.82rem}.control{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;flex:1;min-height:40px;padding:8px 10px;font-size:.9rem}.control--area{resize:vertical;min-height:88px;font-family:inherit}.stage{aspect-ratio:3/4;background:#000;border-radius:10px;position:relative;overflow:hidden}.stage__video,.stage__overlay{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.stage__overlay{pointer-events:none}.badge{letter-spacing:.06em;color:#06120c;border-radius:999px;padding:4px 9px;font-size:.72rem;font-weight:700;position:absolute;top:10px;left:10px}.badge--ok{background:var(--ok)}.badge--wait{background:var(--wait)}.stage__hint{text-align:center;max-width:86%;color:var(--ink);pointer-events:none;background:#080b10b8;border-radius:999px;margin:0;padding:6px 12px;font-size:.8rem;font-weight:600;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.metric{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px}.metric__label{color:var(--ink-dim);margin:0 0 3px;font-size:.66rem}.metric__value{font-variant-numeric:tabular-nums;margin:0;font-size:.95rem}.actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.toggle{color:var(--ink-dim);align-items:center;gap:7px;font-size:.82rem;display:flex}.tuning{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:10px;display:flex}.slider{flex-direction:column;gap:4px;display:flex}.slider__label{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:.76rem}.slider input[type=range]{width:100%;accent-color:var(--ok)}.btn{background:var(--bg);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:8px;min-height:42px;padding:9px 16px;font-size:.9rem}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.shot{border:1px solid var(--line);border-radius:10px;width:100%}.fields{gap:10px;display:grid}.field{flex-direction:column;gap:4px;display:flex}.field__label{color:var(--ink-dim);font-size:.72rem}.muted{color:var(--ink-dim);margin:0;font-size:.76rem}.ocr-status{margin:0;font-size:.82rem;font-weight:600}.ocr-status--ok{color:var(--ok)}.ocr-status--warn{color:var(--wait)}.ocr-debug{color:var(--ink-dim);font-size:.76rem}.ocr-debug summary{cursor:pointer}.ocr-raw{background:var(--bg);border:1px solid var(--line);white-space:pre-wrap;word-break:break-all;border-radius:8px;margin:8px 0 0;padding:10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem;line-height:1.5;overflow-x:auto}.error{color:var(--danger);margin:0;font-size:.82rem}