.bp-root{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.bp-root *{box-sizing:border-box}.bp-root .mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.bp-root .display{font-family:var(--font-display);letter-spacing:-.01em}.bp-root .bp-gradient-hero{background:linear-gradient(135deg,#e8729a 0%,#f9a8c9 40%,#86efac 100%)}.bp-root .bp-gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bp-root .bp-card{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px}.bp-root .bp-chip{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.bp-root .bp-btn-primary{background:var(--primary);color:#fff;cursor:pointer;font-weight:600;font-family:var(--font-display);border:none;transition:all .3s}.bp-root .bp-btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--glow-primary);transform:translateY(-1px)}.bp-root .bp-btn-primary:disabled{opacity:.5;cursor:not-allowed}.bp-root .bp-btn-launch:not(:disabled){background:linear-gradient(135deg,var(--primary)0%,#d4608a 100%);box-shadow:0 1px 0 #ffffff40 inset,0 8px 24px -8px color-mix(in oklch,var(--primary)70%,transparent),0 2px 6px -2px color-mix(in oklch,var(--primary)40%,transparent)}.bp-root .bp-btn-launch:not(:disabled):hover{box-shadow:0 1px 0 #ffffff4d inset,0 14px 32px -10px color-mix(in oklch,var(--primary)80%,transparent),0 4px 10px -2px color-mix(in oklch,var(--primary)50%,transparent);transform:translateY(-1px)}.bp-root .bp-btn-launch:not(:disabled):active{box-shadow:0 1px 0 #fff3 inset,0 4px 12px -4px color-mix(in oklch,var(--primary)60%,transparent);transform:translateY(0)}.bp-root .bp-btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;font-weight:600;font-family:var(--font-display);transition:all .15s}.bp-root .bp-btn-secondary:hover{background:var(--bg-elevated)}.bp-root .bp-btn-ghost{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-weight:500;transition:color .15s}.bp-root .bp-btn-ghost:hover{color:var(--text-primary)}.bp-root .bp-input{background:color-mix(in oklch,var(--bg-elevated)60%,transparent);border:1px solid var(--border);width:100%;color:var(--text-primary);font-family:var(--font-body);border-radius:10px;padding:12px 14px;font-size:14px;transition:all .15s}.bp-root .bp-input::placeholder{color:var(--text-muted);opacity:.7}.bp-root .bp-input:hover{border-color:color-mix(in oklch,var(--text-muted)40%,transparent);background:var(--bg-elevated)}.bp-root .bp-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.bp-root .bp-input.bp-input-error{border-color:var(--loss);box-shadow:0 0 0 3px color-mix(in oklch,var(--loss)15%,transparent)}.bp-root .bp-input.bp-input-success{border-color:var(--secondary)}.bp-root .bp-preset{background:color-mix(in oklch,var(--bg-elevated)70%,transparent);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-body);border:1px solid #0000;border-radius:999px;padding:8px 14px;transition:all .15s}.bp-root .bp-preset:hover{color:var(--text-primary);background:var(--bg-elevated)}.bp-root .bp-preset.is-selected{background:var(--primary);color:#fff;box-shadow:0 0 0 3px color-mix(in oklch,var(--primary)12%,transparent)}.bp-root .bp-drop{border:1.5px dashed var(--border);background:color-mix(in oklch,var(--bg-elevated)30%,transparent);border-radius:14px;transition:all .15s}.bp-root .bp-drop.is-dragover{border-color:var(--primary);background:color-mix(in oklch,var(--primary)8%,transparent)}.bp-root .bp-progress-fill{background:linear-gradient(90deg,#e8729a 0%,#f9a8c9 50%,#86efac 100%);border-radius:999px;height:100%;transition:width .4s}.bp-root button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.bp-root .bp-banner{border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;display:flex}.bp-root .bp-banner.is-warning{background:var(--warning-bg);border:1px solid color-mix(in oklch,var(--warning)30%,transparent);color:var(--text-primary)}.bp-root .bp-banner.is-warning .bp-banner-icon{color:var(--warning)}.bp-root .bp-banner.is-error{background:color-mix(in oklch,var(--loss)8%,transparent);border:1px solid color-mix(in oklch,var(--loss)25%,transparent);color:var(--text-primary)}.bp-root .bp-banner.is-error .bp-banner-icon{color:var(--loss)}.bp-root .bp-banner.is-info{background:color-mix(in oklch,var(--primary)6%,transparent);border:1px solid color-mix(in oklch,var(--primary)20%,transparent);color:var(--text-primary)}.bp-root .bp-banner.is-info .bp-banner-icon{color:var(--primary)}@keyframes bp-spin{to{transform:rotate(360deg)}}@keyframes bp-pulse{0%,to{opacity:1;box-shadow:0 0 #3dbb7866}50%{opacity:.7;box-shadow:0 0 0 6px #3dbb7800}}.bp-root .bp-pulse{animation:2s ease-in-out infinite bp-pulse}@keyframes bp-tick{0%{color:var(--primary);transform:scale(1.04)}to{color:inherit;transform:scale(1)}}.bp-root .bp-tick{animation:.4s ease-out bp-tick;display:inline-block}@keyframes bp-confetti{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx),var(--dy))rotate(720deg);opacity:0}}.bp-root .bp-confetti-piece{pointer-events:none;border-radius:2px;width:8px;height:12px;animation:2.2s ease-out forwards bp-confetti;position:absolute}.bp-root .bp-create-grid{grid-template-columns:1fr 380px;align-items:flex-start;gap:36px;display:grid}.bp-root .bp-preview-col{flex-direction:column;gap:20px;display:flex;position:sticky;top:96px}@media (max-width:1023px){.bp-root .bp-create-grid{grid-template-columns:100%;gap:20px}.bp-root .bp-preview-col{position:static}}html.dark .bp-root{background:radial-gradient(ellipse 80% 50% at 50% 0%,#28121d26 0%,transparent 70%),var(--bg-base)}@supports (color:lab(0% 0 0)){html.dark .bp-root{background:radial-gradient(ellipse 80% 50% at 50% 0%,lab(8.98346% 12.938 -2.48657/.15) 0%,transparent 70%),var(--bg-base)}}html.dark .bp-root .bp-gradient-hero{background:linear-gradient(in oklch 135deg,#8c005a 0%,#74144d 40%,#006836 100%)}@supports (color:lab(0% 0 0)){html.dark .bp-root .bp-gradient-hero{background:linear-gradient(in oklch 135deg,lab(30.2721% 56.3614 -11.0471) 0%,lab(26.1827% 44.1439 -8.6169) 40%,lab(38.213% -52.8929 27.6057) 100%)}}