:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#f5f7fb}.app{width:100%;max-width:520px;min-height:100svh;margin:0 auto;padding:18px;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.card{background:#fff;border-radius:22px;padding:20px;box-shadow:0 12px 30px #10203317}h1{margin:0;font-size:1.65rem;line-height:1.15}h2{margin:0 0 8px;font-size:1.2rem}p{margin:8px 0;line-height:1.45}.small{font-size:.93rem;color:#506174}.status{font-weight:750;font-size:1.15rem}.button-stack{display:flex;flex-direction:column;gap:12px}button{width:100%;min-height:56px;border:0;border-radius:18px;padding:14px 16px;font-size:1.08rem;font-weight:800;touch-action:manipulation}button.primary{background:#174ea6;color:#fff}button.secondary{background:#e8eef8;color:#102033}button.danger{background:#f7e7e7;color:#8a1f1f}button:disabled{opacity:.55}.video-wrap,.preview-wrap{background:#111827;border-radius:22px;overflow:hidden;width:100%;aspect-ratio:3 / 4;display:grid;place-items:center}video,img{width:100%;height:100%;object-fit:cover}.hidden{display:none!important}.error{background:#fff0f0;color:#8a1f1f;border-radius:16px;padding:12px;font-weight:700}.success{background:#eaf7ef;color:#165c2f;border-radius:16px;padding:12px;font-weight:800}.footer-actions{margin-top:auto}.center-title{text-align:center}html,body{width:100%;max-width:100%;min-height:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}body{min-height:100dvh;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}#app{width:100%;max-width:760px;margin:0 auto}.native-capture-actions{display:grid;gap:14px;width:100%}.native-capture-button{display:flex;align-items:center;justify-content:center;min-height:72px;border-radius:24px;text-align:center;font-weight:800;font-size:clamp(1.1rem,4vw,1.45rem);cursor:pointer}.visually-hidden-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.small-note{margin:0;color:#64748b;font-size:.95rem;line-height:1.35;text-align:center}@media(max-width:640px){.card,.panel,section{max-width:100%}button,.native-capture-button{min-height:64px}}