:root{color-scheme:light;--bg: #f6f7fb;--card: #ffffff;--text: #0f172a;--muted: #64748b;--border: rgba(15, 23, 42, .12);--primary: #2563eb;--primaryHover: #1d4ed8;--danger: #dc2626}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}.page{max-width:720px;margin:0 auto;padding:16px;display:grid;gap:12px}.header{padding:8px 4px}.title{font-size:22px;font-weight:700;line-height:1.2}.subtitle{margin-top:4px;color:var(--muted);font-size:13px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:0 10px 30px #0206170d}.step+.step{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.stepTitle{font-weight:650;font-size:14px}.stepBody{margin-top:10px;display:grid;gap:10px}input[type=file]{width:100%}.preview{width:100%;max-height:320px;object-fit:contain;border-radius:12px;border:1px solid var(--border);background:#fff}.actions{margin-top:14px;display:grid;gap:10px;grid-template-columns:1fr 1fr}button{border:1px solid var(--border);border-radius:12px;padding:12px 14px;font-weight:650;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.primary{background:var(--primary);border-color:#2563eb4d;color:#fff}.primary:hover:not(:disabled){background:var(--primaryHover)}.secondary{background:#fff}.error{margin-top:12px;padding:10px 12px;border-radius:12px;background:#dc262614;border:1px solid rgba(220,38,38,.25);color:var(--danger);font-size:13px}.result{margin-top:10px;width:100%;border-radius:12px;border:1px solid var(--border);background:#fff}.footer .hint{color:var(--muted);font-size:12px;line-height:1.4}@media (max-width: 520px){.actions{grid-template-columns:1fr}}