:root{--bg: #f6f8fc;--surface: #ffffff;--text: #12203a;--muted: #5c6a85;--brand: #0b5fff;--brand-soft: #eaf1ff;--border: #dfe6f5;--radius: 16px}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.container{max-width:760px;margin:0 auto;padding:16px}.app-header{display:flex;justify-content:space-between;align-items:center;padding:8px 0 16px}.logo-wrap{display:flex;align-items:center;gap:8px;font-size:1.1rem}.logo-dot{width:14px;height:14px;border-radius:999px;background:var(--brand)}.badge,.status-pill{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:600;display:inline-block}.main-stack{display:grid;gap:16px}.hero{margin-bottom:6px}.hero h1{margin:0;font-size:1.6rem}.hero p{margin-top:8px;color:var(--muted)}.grid-2{display:grid;gap:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card-highlighted{border-color:#aec8ff;box-shadow:0 8px 20px #0b5fff1f}.btn{border:0;padding:12px 14px;border-radius:12px;font-weight:600}.btn-primary{background:var(--brand);color:#fff}.btn-secondary{background:#e8edf8;color:var(--text)}.btn-ghost{background:transparent;border:1px solid var(--border)}.btn-full{width:100%}.muted{color:var(--muted)}.checklist{margin:10px 0 14px;padding-left:18px;color:var(--muted)}.flow-form,.form-stack{display:grid;gap:12px}.flow-actions{display:flex;gap:10px;justify-content:space-between}.stepper{display:flex;gap:6px;margin:8px 0 14px}.step{height:6px;flex:1;border-radius:999px;background:#e6ebf7}.step-active{background:var(--brand)}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.option-list{display:grid;gap:8px}.option{border:1px solid var(--border);border-radius:12px;background:#fff;padding:12px;text-align:left}.option-row{display:grid;gap:4px}.option-selected{border-color:var(--brand);background:var(--brand-soft)}.field-label{display:block;font-weight:600;margin-bottom:4px}.field-input{width:100%;border:1px solid var(--border);border-radius:12px;padding:11px;font:inherit;background:#fff}.field-textarea{resize:vertical}.stripe-shell{border:1px solid var(--border);border-radius:12px;padding:12px;background:#fff}.video-shell{background:#081126;color:#e5ecff;border-radius:12px;padding:12px}.json-preview{margin-top:10px;padding:12px;border-radius:12px;background:#0f1b34;color:#ddf1ff;overflow:auto;font-size:.78rem}.toggle{display:flex;gap:10px;align-items:center;font-size:.95rem}@media (min-width: 740px){.container{padding:26px}.grid-2{grid-template-columns:1fr 1fr}}