:root{--bg:#0b1220;--bg-elevated:#121a2b;--surface:#172033;--text:#e8eef9;--muted:#9aa8c2;--accent:#14b8a6;--accent-strong:#0f766e;--danger:#f87171;--success:#34d399;--border:#94a3b82e;--radius:16px;--shadow:0 10px 30px #00000047;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Noto Sans Lao,Phetsarath OT,Saysettha OT,Lao UI,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1200px 600px at 10% -10%, #14b8a62e, transparent 55%), radial-gradient(900px 500px at 100% 0%, #38bdf81f, transparent 50%), var(--bg);min-width:320px}button,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;gap:16px;width:min(480px,100%);min-height:100dvh;margin:0 auto;padding:20px 16px 32px;display:flex}.brand{flex-direction:column;gap:6px;margin-top:8px;display:flex}.brand h1{letter-spacing:.01em;margin:0;font-size:clamp(1.35rem,5vw,1.7rem)}.brand p{color:var(--muted);margin:0;font-size:.95rem}.stack{flex-direction:column;gap:12px;display:flex}.btn{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:left;min-height:56px;box-shadow:var(--shadow);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:16px 18px;transition:transform .12s,background .12s;display:flex}.btn:active{transform:scale(.985)}.btn-primary{text-align:center;background:linear-gradient(#14b8a6,#0f766e);border-color:#0000;justify-content:center;font-weight:700}.btn-ghost{box-shadow:none;background:0 0;justify-content:center}.btn-danger{color:#fecaca;background:#f871711f;border-color:#f8717159;justify-content:center}.btn .emoji{text-align:center;width:1.6rem;font-size:1.35rem}.btn .label{flex-direction:column;gap:2px;display:flex}.btn .label small{color:var(--muted);font-weight:400}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.panel h2{margin:0 0 8px;font-size:1.05rem}.muted{color:var(--muted)}.progress-wrap{flex-direction:column;gap:8px;display:flex}.progress-bar{background:#94a3b82e;border-radius:999px;height:12px;overflow:hidden}.progress-bar>span{background:linear-gradient(90deg,#2dd4bf,#38bdf8);width:0%;height:100%;transition:width .2s;display:block}.mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem}.video-preview{aspect-ratio:4/3;object-fit:cover;background:#000;border-radius:12px;width:100%}.qr-canvas{aspect-ratio:1;background:#fff;border-radius:12px;width:min(100%,360px);margin:0 auto;display:block}.hidden-canvas{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.status-ok{color:var(--success)}.status-bad{color:var(--danger)}.diag-grid{grid-template-columns:1fr auto;gap:8px 12px;font-size:.92rem;display:grid}.top-nav{align-items:center;gap:8px;display:flex}.file-name{word-break:break-all;font-weight:600}.privacy{color:var(--muted);margin-top:auto;font-size:.88rem}.progressive-image h2{margin:0 0 4px}.progressive-frame{aspect-ratio:4/3;border:1px solid var(--border);background:#070b14;border-radius:12px;width:100%;position:relative;overflow:hidden}.progressive-mosaic{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.progressive-photo{object-fit:contain;background:#070b148c;width:100%;height:100%;transition:clip-path .2s;position:absolute;inset:0}.progressive-placeholder{text-align:center;pointer-events:none;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}