*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f4f6fb;color:#182033;display:grid;place-items:center}.card{width:min(760px,94vw);background:white;border-radius:24px;padding:32px;box-shadow:0 20px 60px #15213a20}h1{margin-top:0}.drop{display:grid;gap:8px;place-items:center;border:2px dashed #8ca0c7;border-radius:18px;padding:44px;margin:24px 0;cursor:pointer;background:#fafcff}.drop.drag{background:#eef5ff;border-color:#3563d8}.drop input{display:none}.token{display:grid;gap:8px;margin-top:22px}.token input{padding:12px 14px;border:1px solid #ccd5e6;border-radius:12px}progress{width:100%;height:16px}.button{display:inline-block;margin-top:16px;padding:13px 18px;border-radius:14px;background:#1d4ed8;color:white;text-decoration:none;font-weight:700}#preview{max-width:100%;border-radius:16px;margin-top:18px;border:1px solid #e5e7eb}#status{min-height:24px;font-weight:600}.error{color:#b91c1c}.ok{color:#047857}code{background:#eef2ff;padding:2px 6px;border-radius:6px}