:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;background:#0f172a}*{box-sizing:border-box}body{margin:0}.app{min-height:100dvh;padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(12px,env(safe-area-inset-left));display:grid;grid-template-rows:auto 1fr auto;gap:10px}header,footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}header h1{font-size:1.1rem;margin:0;flex:1}header span{border:1px solid #34d399;color:#bbf7d0;border-radius:999px;padding:4px 8px}button,.file{min-height:44px;min-width:44px;border:0;border-radius:12px;background:#2563eb;color:#fff;padding:10px 12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}button:disabled{background:#475569;color:#cbd5e1}.file input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.stage{position:relative;inline-size:100%;min-block-size:45dvh;max-block-size:62dvh;background:#020617;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #334155}video,.capture{max-inline-size:100%;max-block-size:100%;object-fit:contain}.mirror{transform:scaleX(-1)}.guide{position:absolute;inset:25%;border:2px solid rgba(255,255,255,.65);border-radius:20px;pointer-events:none}.guide:before,.guide:after{content:"";position:absolute;background:#ffffffa6}.guide:before{left:50%;top:20%;bottom:20%;width:1px}.guide:after{top:50%;left:20%;right:20%;height:1px}.bbox{position:absolute;border:3px solid #facc15;border-radius:10px;box-shadow:0 0 0 9999px #0000001f;pointer-events:none}.panel,.notice,.error{background:#1e293b;border:1px solid #334155;border-radius:14px;padding:12px;overflow-wrap:anywhere}.error{border-color:#fb7185;background:#3f1d2a}.debug dl{display:grid;grid-template-columns:minmax(8rem,40%) 1fr;gap:4px}.debug dd{margin:0}footer{position:sticky;bottom:0;background:linear-gradient(transparent,#0f172a 20%);padding-top:14px}button:focus-visible,.file:focus-within{outline:3px solid #facc15;outline-offset:2px}@media(orientation:landscape){.app{grid-template-columns:1fr 17rem;grid-template-rows:auto 1fr}header{grid-column:1/-1}footer{grid-column:2;grid-row:2;align-content:start}.stage{min-block-size:60dvh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}