body{margin:0;font-family:-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#4f46e5,#9333ea);display:flex;justify-content:center;align-items:center;height:100vh}.app{width:100%;display:flex;justify-content:center}.card{background:#fff;padding:40px;width:420px;border-radius:16px;box-shadow:0 25px 50px #0003;text-align:center}h1{margin-bottom:20px}.upload-btn{display:inline-block;padding:10px 18px;background:#4f46e5;color:#fff;border-radius:8px;cursor:pointer;margin-bottom:15px}.upload-btn:hover{background:#4338ca}.status{margin:12px 0;color:#555}.primary-btn{width:100%;padding:10px;margin:8px 0;background:#10b981;border:none;color:#fff;border-radius:8px;cursor:pointer}.primary-btn:hover{background:#059669}.danger-btn{width:100%;padding:10px;margin:8px 0;background:#ef4444;border:none;color:#fff;border-radius:8px;cursor:pointer}.danger-btn:hover{background:#dc2626}.nav-group{margin-top:12px}.nav-group button{padding:8px 14px;margin:5px;border-radius:6px;border:none;background:#6366f1;color:#fff;cursor:pointer}.nav-group button:hover{background:#4f46e5}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f8fafc;color:#0f172a}.bg{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:40px 20px}.shell{width:100%;max-width:640px;background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0f172a0f;border:1px solid #e2e8f0}h1{font-size:28px;font-weight:600;text-align:center;margin-bottom:6px;letter-spacing:-.5px}.sub{text-align:center;font-size:14px;color:#64748b;margin-bottom:30px}.uploadBtn{display:block;background:#1e40af;padding:14px;border-radius:10px;text-align:center;cursor:pointer;font-weight:500;color:#fff;transition:all .2s ease;margin-bottom:20px}.uploadBtn:hover{background:#1d4ed8;transform:translateY(-2px)}.uploadBtn input{display:none}.status{background:#f1f5f9;padding:12px;border-radius:10px;font-size:13px;margin-bottom:25px;text-align:center;border:1px solid #e2e8f0;color:#334155}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.btn{padding:12px 18px;border-radius:10px;border:1px solid #cbd5e1;cursor:pointer;font-weight:500;background:#fff;transition:all .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0f172a14}.btn.primary{background:#2563eb;color:#fff;border:none}.btn.primary:hover{background:#1d4ed8}.btn.danger{background:#dc2626;color:#fff;border:none}.btn.danger:hover{background:#b91c1c}.card{background:#f8fafc;padding:25px;border-radius:16px;border:1px solid #e2e8f0}.card h3{font-size:16px;text-align:center;margin-bottom:15px;font-weight:600}.preview{background:#fff;padding:18px;border-radius:12px;min-height:70px;font-size:15px;text-align:center;border:1px solid #e2e8f0;color:#334155}@media(max-width:640px){.shell{padding:25px}.actions{flex-direction:column}.btn{width:100%}h1{font-size:22px}}