.ai-preview-root{color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#f6f6f7}.ai-preview-root .preview-block{animation:aiSlideIn .3s ease-out}@keyframes aiSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ai-preview-root .section-band{padding:3rem 0}.ai-preview-root .block-type-label-row{padding:.5rem 2rem;background:#f6f6f7}.ai-preview-root .block-type-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#999;margin-bottom:.5rem}.ai-preview-root .card-borderless{border:none;background:#fff;box-shadow:0 2px 8px #0000000f;border-radius:12px;overflow:hidden}.ai-preview-root .cta-preview{display:inline-block;padding:12px 28px;border-radius:50px;background:#1a1a1a;color:#fff;font-size:14px;font-weight:600;letter-spacing:.03em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.ai-preview-root .cta-preview:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #ec48995c,0 14px 28px #ec48994d;filter:saturate(1.06)}.ai-preview-root .ai-preview-button{transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.ai-preview-root .ai-preview-button:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #ec489957,0 14px 28px #ec489947;filter:saturate(1.06)}.ai-preview-root .ai-fade-in-banner{animation:aiBannerFadeIn .52s ease-out both}@keyframes aiBannerFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-preview-root .footer-cta{background:#0051a8}.ai-preview-root .preview-heading-xl{font-size:2rem;font-weight:700;color:#1a1a1a;line-height:1.2;margin:.5rem 0 .75rem}.ai-preview-root .preview-heading-lg{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:.25rem 0 .5rem}.ai-preview-root .preview-heading-sm{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 .35rem}.ai-preview-root .preview-body{font-size:15px;line-height:1.6;color:#1a1a1a;margin:0}.ai-preview-root .preview-body.subdued{color:#6b7280}.ai-preview-root .placeholder{color:#bbb;font-style:italic}.ai-preview-root .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:1.25rem}.ai-preview-root .feature-cell{background:#f9f9f9;border-radius:10px;padding:20px;box-shadow:0 1px 4px #0000000d}.ai-preview-root .ai-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start;margin-top:1.25rem}.ai-preview-root .ai-product-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0000000f;transition:box-shadow .2s ease,transform .2s ease}.ai-preview-root .ai-product-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.ai-preview-root .ai-product-card__image{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.ai-preview-root .ai-product-card__image-placeholder{width:100%;aspect-ratio:1 / 1;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:13px;color:#bbb}.ai-preview-root .ai-product-card__info{padding:12px 14px 16px}.ai-preview-root .ai-product-card__title{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-preview-root .ai-product-card__price{font-size:13px;color:#555;margin:0}.ai-preview-root .ai-header-preview{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#fff;border-bottom:1px solid #f0f0f0}.ai-preview-root .ai-header-preview__logo{height:36px;width:auto;object-fit:contain}.ai-preview-root .ai-header-preview__logo-text{font-size:20px;font-weight:700;color:#1a1a1a;letter-spacing:-.02em}.ai-preview-root .ai-header-preview__nav{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.ai-preview-root .ai-header-preview__nav a{font-size:14px;font-weight:500;color:#1a1a1a;text-decoration:none;padding:6px 14px;border-radius:50px;transition:background .15s ease}.ai-preview-root .ai-header-preview__nav a:hover{background:#f2f2f2}.ai-preview-root .preview-warning{padding:1rem 1.5rem;background:#fff8e1;border-left:4px solid #f59e0b;border-radius:4px;font-size:14px;color:#92400e;margin:.5rem 0}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,36px);background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.onboarding-card{width:min(760px,100%);max-height:calc(100vh - 32px);overflow-y:auto;border-radius:16px;border:1px solid #dfe3e8;background:#fff;box-shadow:0 26px 60px #0f172a47;padding:clamp(20px,3.2vw,32px)}.onboarding-progress{display:flex;gap:8px}.onboarding-progress-step{flex:1;height:8px;border-radius:999px;background:#d7dbe1;transition:background .2s ease}.onboarding-progress-step.is-complete{background:#66a3e5}.onboarding-progress-step.is-active{background:#0051a8}.onboarding-checklist{margin:0;padding-left:1.1rem;display:grid;gap:.45rem}.onboarding-step-note{border-radius:10px;border:1px solid #d7e9ff;background:#eef6ff;padding:10px 12px;color:#123f72}.studio-container{display:flex;height:calc(100vh - 4rem);width:100%;overflow:hidden;background:#f6f6f7}.chat-sidebar{width:360px;min-width:300px;max-width:30vw;display:flex;flex-direction:column;border-right:1px solid #ebebed;background:#fff}.chat-topbar{padding:12px 16px;border-bottom:1px solid #ebebed;background:#fff}.history-dropdown-panel{max-height:45vh;overflow-y:auto;padding:12px;border-bottom:1px solid #ebebed;background:#f9fafb}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-input-area{padding:16px;border-top:1px solid #ebebed;background:#fff;position:sticky;bottom:0;z-index:10}.preview-canvas{flex:1;overflow-y:auto;padding:24px;display:flex;justify-content:center;align-items:flex-start;background:#f6f6f7}.preview-paper{width:100%;max-width:1200px;background:#fff;box-shadow:0 4px 12px #0000000d;border-radius:8px;min-height:100%}.chat-bubble{padding:12px 16px;border-radius:12px;max-width:90%;font-size:14px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.chat-bubble-user{background:#fff;color:#1a1a1a;border:1px solid #e1e3e5;align-self:flex-end;border-bottom-right-radius:4px}.chat-bubble-ai{background:#f0f7ff;color:#1a1a1a;border:1px solid #dbeafe;align-self:flex-start;border-bottom-left-radius:4px}.color-field-editor{display:flex;align-items:flex-end;gap:10px}.color-picker-trigger{position:relative;width:42px;height:42px;border-radius:12px;border:1px solid #d0d5db;background:linear-gradient(135deg,#ffffffb8,#fff3),radial-gradient(circle at top left,rgba(255,255,255,.8),transparent 60%);box-shadow:0 6px 14px #1118271f;cursor:pointer;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.color-picker-trigger:hover{transform:translateY(-1px);border-color:#9ca3af;box-shadow:0 10px 18px #1118272e}.color-picker-trigger:focus-within{border-color:#0051a8;box-shadow:0 0 0 2px #0051a840,0 10px 18px #1118272e}.color-picker-swatch{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:8px;border:1px solid rgba(255,255,255,.7)}.color-picker-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.color-text-field{flex:1}@media(max-width:768px){.color-field-editor{align-items:center}}
