.btn-primary{display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;background:#4f46e5;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;box-shadow:0 10px 30px -10px #4f46e573;transition:background .15s ease,box-shadow .15s ease;cursor:pointer;text-decoration:none;line-height:1.25rem}.btn-primary:hover{background:#4338ca}.btn-primary:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #4f46e5}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;border:1px solid rgba(79,70,229,.2);background:#fff;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#4f46e5;transition:border-color .15s ease,background .15s ease;cursor:pointer;text-decoration:none;line-height:1.25rem}.btn-secondary:hover{border-color:#4f46e566;background:#4f46e50d}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}#studio-shell{display:grid;grid-template-rows:auto 64px 1fr 64px;grid-template-areas:"banner" "topbar" "main" "bottombar";height:100dvh;max-height:100dvh;overflow:hidden;background:#f8f9fb;font-family:inherit}#studio-topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.25rem;background:#fff;border-bottom:1px solid rgba(79,70,229,.12);z-index:50;flex-shrink:0;min-height:0}#low-credit-banner{grid-area:banner;display:none}#low-credit-banner.visible{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;padding:.375rem 1rem}#step-stepper{display:flex;align-items:center;gap:0}.stepper-item{display:flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;color:#94a3b8;cursor:default;transition:color .15s,background .15s;white-space:nowrap}.stepper-item.active{color:#4f46e5;font-weight:700;background:#4f46e514}.stepper-item.done{color:#10b981}.stepper-item.done .stepper-num{background:#10b981;color:#fff}.stepper-num{display:inline-flex;width:1.375rem;height:1.375rem;align-items:center;justify-content:center;border-radius:9999px;font-size:.7rem;font-weight:700;background:#4f46e51f;color:#4f46e5;flex-shrink:0}.stepper-item.active .stepper-num{background:#4f46e5;color:#fff}.stepper-sep{width:1.5rem;height:1px;background:#4f46e533;flex-shrink:0}#studio-main{grid-area:main;display:flex;overflow:hidden;min-height:0}#studio-rail{width:360px;min-width:300px;max-width:360px;flex-shrink:0;overflow-y:auto;overflow-x:hidden;background:#fff;border-right:1px solid rgba(79,70,229,.1);padding:1.25rem 1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:1rem;scrollbar-width:thin;scrollbar-color:rgba(79,70,229,.45) rgba(255,255,255,.03)}#studio-rail::-webkit-scrollbar{width:8px}#studio-rail::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}#studio-rail::-webkit-scrollbar-thumb{background:#4f46e573;border-radius:4px}#studio-rail::-webkit-scrollbar-thumb:hover{background:#4f46e5b3}#studio-rail:after{content:"";position:sticky;bottom:0;left:0;right:0;height:28px;margin-top:-28px;pointer-events:none;background:linear-gradient(to top,#fff,transparent);display:block}#studio-canvas{flex:1;overflow-y:auto;overflow-x:hidden;min-width:0;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}#studio-canvas.canvas-preview{padding:0;background:#f1f5f9}#studio-bottombar{grid-area:bottombar;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;background:#fff;border-top:1px solid rgba(79,70,229,.12);z-index:50;flex-shrink:0;gap:1rem;min-height:0}@media (max-width: 1023px){#studio-rail{width:100%;max-width:100%;min-width:0;border-right:none;border-bottom:1px solid rgba(79,70,229,.1);max-height:45dvh;padding:1rem}#studio-main{flex-direction:column}#studio-canvas{padding:1rem}#studio-canvas.canvas-preview{padding:0}.stepper-item span.stepper-label{display:none}.stepper-item.active span.stepper-label{display:inline}}@media (max-width: 480px){#studio-topbar{padding:0 .75rem}#studio-bottombar{padding:0 .75rem;gap:.5rem}#studio-rail,#studio-canvas{padding:.75rem}}@media (max-width: 1023px){#studio-rail,#studio-rail *{max-width:100%;box-sizing:border-box}#studio-rail fieldset{margin:0;min-width:0}#studio-rail legend{padding-left:0;padding-right:0}#studio-rail input,#studio-rail textarea,#studio-rail select{max-width:100%}}#studio-canvas.canvas-preview .step-canvas{flex:1;min-height:0;height:100%}@media (prefers-reduced-motion: reduce){.stepper-item{transition:none}}.field{margin-top:.25rem;width:100%;border-radius:.75rem;border:1px solid rgba(79,70,229,.2);background:#fff;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem}.field:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 2px #4f46e533}.mode-card.selected{border-color:#4f46e5;background:#4f46e50d;box-shadow:0 0 0 2px #4f46e533}.mode-card[data-mode=ai_full].selected{border-color:#f59e0b;background:#fffbeb;box-shadow:0 0 0 2px #fcd34d}.tpl-card.selected{border-color:#4f46e5;background:#4f46e50d;box-shadow:0 0 0 2px #4f46e54d}.tpl-filter.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.module-row{border-radius:.75rem;border:1px solid rgba(79,70,229,.1);background:#fff;overflow:hidden}.module-row.is-off{opacity:.75;background:#f8fafc}.module-row summary{cursor:pointer;list-style:none;padding:.5rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-weight:500;color:#0f172a}.module-row summary::-webkit-details-marker{display:none}.preview-tab{border-radius:.5rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;color:#64748b;border:1px solid transparent}.preview-tab.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.concept-card{border-radius:.75rem;border:1px solid rgba(79,70,229,.15);background:#fff;padding:1rem;cursor:pointer;text-align:left;width:100%}.concept-card:hover{border-color:#4f46e5}.concept-card.selected{border:2px solid #4f46e5;background:#4f46e50a;box-shadow:0 0 0 2px #4f46e526}.bp-stage{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem}.bp-stage.done{background:#f0fdf4;color:#166534}.bp-stage.active{background:#eff6ff;color:#1e40af;font-weight:600}.bp-stage.pending{color:#94a3b8}.bp-stage-icon{font-size:1rem;width:1.25rem;text-align:center}@keyframes bp-shimmer{0%{background-position:-200% center}to{background-position:200% center}}#bp-bar{background:linear-gradient(100deg,#4f46e5 0% 40%,#818cf8 50%,#4f46e5 60% 100%);background-size:200% 100%;animation:bp-shimmer 1.6s linear infinite}@keyframes bp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bp-spinner{display:inline-block;width:.9rem;height:.9rem;border:2px solid #bfdbfe;border-top-color:#1e40af;border-radius:50%;animation:bp-spin .75s linear infinite;vertical-align:middle}.step-canvas{flex-shrink:0}.canvas-preview-pane{height:100%;min-height:0}.tpl-card-img{width:100%;height:4rem;-o-object-fit:cover;object-fit:cover;border-radius:.5rem;margin-bottom:.25rem;display:block;background:#e2e8f0}.tpl-swatch-tile{width:100%;height:4rem;border-radius:.5rem;margin-bottom:.25rem;display:block}@media (max-width: 640px){.btn-primary,.btn-secondary,.concept-card{min-height:44px}}