:root{--bg: #0b0f14;--fg: #e8eef4;--muted: #93a1b1;--accent: #7cf0c8;--accent-fg: #06261c;--bad: #ff6b7d;--warn: #f2b84b;--ok: #7cf0c8;--panel: rgba(11, 15, 20, .86);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:15px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:1px solid rgba(255,255,255,.25);background:#ffffff14;border-radius:12px;padding:10px 14px;min-height:44px}button:disabled{opacity:.45}button.primary{background:var(--accent);color:var(--accent-fg);border-color:transparent;font-weight:600}button.ghost{background:#0b0f1499;backdrop-filter:blur(6px)}button.small{min-height:32px;padding:4px 10px;font-size:13px}button.link{border:none;background:transparent;padding:0 6px;min-height:0}code{font-size:12px;word-break:break-all}.muted{color:var(--muted)}.small{font-size:12.5px}.bad{color:var(--bad)}.ok{color:var(--ok)}.warn{color:var(--warn)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grow{flex:1;min-width:0}.center{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.center h1{margin:0;font-size:26px}.camera-view{position:fixed;inset:0;background:#000;overflow:hidden;touch-action:none}.video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.top{position:absolute;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top) + 8px) 10px 0;display:flex;flex-direction:column;gap:6px;pointer-events:none}.top>*{pointer-events:auto}.statusbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.chip{font-size:12px;padding:4px 8px;border-radius:999px;background:var(--panel);border:1px solid rgba(255,255,255,.15);color:var(--fg);min-height:0}.chip.ok{border-color:var(--ok);color:var(--ok)}.chip.warn{border-color:var(--warn);color:var(--warn)}.chip.bad{border-color:var(--bad);color:var(--bad)}.banner{font-size:13px;padding:8px 10px;border-radius:10px;background:var(--panel);border-left:3px solid var(--warn)}.banner.bad{border-left-color:var(--bad)}.controls{position:absolute;left:0;right:0;bottom:0;padding:12px 16px calc(env(safe-area-inset-bottom) + 16px);display:flex;align-items:center;justify-content:space-between;gap:10px}.shutter{width:76px;height:76px;border-radius:50%;border:4px solid #fff;background:#ffffff26;padding:0;display:grid;place-items:center}.shutter span{width:58px;height:58px;border-radius:50%;background:#fff;display:block}.shutter.disabled span{background:#777}.bottom-panel{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 100px);max-height:55vh;overflow:auto;padding:0 10px}.panel{background:var(--panel);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}.panel-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.panel-head .muted{font-size:12.5px;flex:1}.slider{display:flex;flex-direction:column;gap:4px;font-size:13px}.slider-row{display:flex;gap:6px;align-items:center}.slider-row input[type=range]{flex:1;min-width:0;accent-color:var(--accent)}.slider-row button{min-height:36px;width:40px;padding:0}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.list li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:#ffffff0d}.list li.primary-row{outline:1px solid var(--bad)}.list label{display:flex;gap:10px;align-items:center;flex:1;min-width:0}.list .label{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.confirm-view{min-height:100%;display:flex;flex-direction:column;background:var(--bg);padding-bottom:env(safe-area-inset-bottom)}.preview{position:relative;background:#000;max-height:45vh;display:grid;place-items:center}.preview img{max-width:100%;max-height:45vh;object-fit:contain}.preview-caption{position:absolute;bottom:6px;right:8px;font-size:12px;background:var(--panel);padding:3px 8px;border-radius:8px}.details{padding:12px 14px;display:flex;flex-direction:column;gap:14px}.details h3{margin:0 0 4px;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.details p{margin:4px 0}.upload{padding:10px 12px;border-radius:12px;background:#ffffff0d;display:flex;flex-direction:column;gap:6px}.upload.done{outline:1px solid var(--ok)}.upload.failed{outline:1px solid var(--bad)}progress{width:100%;accent-color:var(--accent)}.actions{display:flex;gap:10px;justify-content:flex-end}.actions .primary{flex:1}