:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}body{color:#111827;background:#e8ecef;min-height:100vh;margin:0}#root{width:100%;min-height:100vh}.editor-layout{grid-template-columns:minmax(320px,420px) 1fr;min-height:100vh;display:grid}.editor-panel{color:#f8fafc;background:#101828;border-right:1px solid #1f2937;flex-direction:column;gap:.9rem;padding:1.25rem;display:flex}.editor-panel h1{margin:0;font-size:1.5rem}.panel-muted{color:#cbd5e1;margin:0;line-height:1.35}.editor-meta{color:#93c5fd;font-size:.875rem}.studio-actions{gap:.45rem;display:grid}.studio-actions button{color:#e2e8f0;cursor:pointer;font:inherit;text-align:left;background:#111b30;border:1px solid #334155;border-radius:10px;padding:.5rem .65rem}.studio-actions button:hover{border-color:#60a5fa}.studio-actions code{background:#94a3b833;border-radius:6px;padding:.1rem .35rem}.tool-row{flex-wrap:wrap;gap:.55rem;display:flex}.tool-row button,.ghost-danger{color:#e2e8f0;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:10px;padding:.45rem .65rem;font-size:.9rem}.tool-row button:hover,.ghost-danger:hover{border-color:#60a5fa}.tool-row .is-selected-bg{background:#1e293b;border-color:#93c5fd}.component-picker{flex-direction:column;gap:.55rem;display:flex}.component-picker input,.block-fields input,.block-fields textarea{color:#f8fafc;width:100%;font:inherit;background:#0f172a;border:1px solid #475569;border-radius:10px;padding:.5rem .62rem}.custom-inline-control{color:#cbd5e1;justify-content:space-between;align-items:center;gap:.55rem;margin-top:.55rem;font-size:.85rem;display:flex}.custom-style-panel{flex-direction:column;gap:.55rem;display:flex}.custom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.custom-grid label,.custom-range-list label{color:#cbd5e1;flex-direction:column;gap:.3rem;font-size:.82rem;display:flex}.custom-grid input[type=color]{background:#0f172a;border:1px solid #475569;border-radius:8px;width:100%;min-height:30px}.custom-range-list{gap:.45rem;display:grid}.custom-range-list input[type=range]{width:100%}.component-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;max-height:180px;display:grid;overflow:auto}.component-item{color:#dbeafe;cursor:pointer;text-align:left;background:#0f172a;border:1px solid #334155;border-radius:10px;flex-direction:column;gap:.1rem;padding:.45rem .55rem;display:flex}.component-item small{color:#93c5fd}.component-item:hover{border-color:#60a5fa}.premade-picker{flex-direction:column;gap:.55rem;display:flex}.premade-list{gap:.45rem;display:grid}.premade-item{color:#e2e8f0;text-align:left;cursor:pointer;background:#111b30;border:1px solid #334155;border-radius:10px;flex-direction:column;gap:.2rem;padding:.55rem .65rem;display:flex}.premade-item strong{font-size:.92rem}.premade-item small{color:#93c5fd}.premade-item:hover{border-color:#60a5fa}.block-list{flex-direction:column;gap:.75rem;padding-right:.25rem;display:flex;overflow:auto}.block-editor{background:#0b1220;border:1px solid #334155;border-radius:12px;flex-direction:column;gap:.55rem;padding:.75rem;display:flex}.block-editor.is-selected{border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa73}.block-editor-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.block-editor textarea{color:#f8fafc;resize:vertical;width:100%;font:inherit;background:#0f172a;border:1px solid #475569;border-radius:10px;padding:.55rem .65rem}.block-fields{flex-direction:column;gap:.45rem;display:flex}.tiny-check{color:#cbd5e1;align-items:center;gap:.5rem;font-size:.86rem;display:flex}.preview-shell{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:1rem;padding:clamp(1rem,2vw,2rem);display:grid}.preview-canvas{width:min(var(--preview-canvas-width,920px), 100%);background:var(--preview-card-bg,#fff);border:1px solid var(--preview-border,#d1d5db);border-radius:var(--preview-radius,18px);gap:var(--preview-gap,.9rem);flex-direction:column;margin:0 auto;padding:clamp(1rem,3vw,2.25rem);display:flex;box-shadow:0 10px 30px #0f172a14}.preview-component{color:var(--component-text-color,inherit);opacity:var(--component-opacity,1);font-size:var(--component-font-size,inherit);font-weight:var(--component-font-weight,inherit);line-height:var(--component-line-height,inherit);letter-spacing:var(--component-letter-spacing,0px);font-family:var(--component-font-family,inherit);background:0 0;border:1px dashed #0000;border-radius:12px;padding:0;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative}.preview-component-body{color:var(--component-text-color,inherit);padding:var(--component-padding,0px)}.preview-component-body *{color:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;font-family:inherit}.preview-component-body :is(h1,h2,h3,h4,h5,h6,p,span,small,strong,em,label,legend,li,a,blockquote,figcaption,summary,code){color:var(--component-text-color,inherit)!important}.preview-component-body>*{border-radius:var(--component-radius,12px);box-shadow:inset 0 0 0 1px var(--component-border-color,transparent)}.preview-component-body :is(.preview-header,.preview-card,.preview-accordion,.preview-alert,.preview-kpi,.preview-pricing-card,.preview-offer,.preview-cookie-popup,.preview-footer,.preview-countdown,.preview-quote,.preview-radio-group,.preview-field input,.preview-field textarea,.preview-field select,.preview-button,.preview-button-group button,.preview-logo-row span,.preview-badge,.preview-carousel img,.preview-chart,.preview-separator hr,.preview-aspect,.preview-progress-wrap progress,.preview-footer a){border-radius:var(--component-radius,12px);border-color:var(--component-border-color,currentColor)!important}.preview-component-body :is(.preview-header,.preview-card,.preview-accordion,.preview-kpi,.preview-pricing-card,.preview-offer,.preview-cookie-popup,.preview-footer,.preview-countdown,.preview-quote,.preview-radio-group,.preview-logo-row span,.preview-badge,.preview-button-group button,.preview-field input,.preview-field textarea,.preview-field select){background:var(--component-bg-color,transparent)!important}.preview-component-body :is(.preview-button,.preview-pricing-card button,.preview-offer button){background:var(--component-hover-color,var(--component-text-color,#2563eb))!important;border-color:var(--component-hover-color,var(--component-text-color,#2563eb))!important;color:var(--component-text-color,#fff)!important}.preview-component:hover{transform:scale(var(--component-hover-scale,1));border-color:var(--component-hover-color,#2563eb)}.preview-component:hover .preview-component-body>*{box-shadow:inset 0 0 0 1px var(--component-hover-color,#2563eb), 0 10px 24px #0f172a14}.preview-component.has-hover-shadow:hover{box-shadow:0 12px 28px #0f172a1f}.preview-component:hover .preview-component-body :is(a,button,summary,code){color:var(--component-hover-color,inherit)}.preview-component:hover .preview-component-body :is(h1,h2,h3,h4,h5,h6,p,span,small,strong,em,label,legend,li,blockquote,figcaption,summary,code,a){color:var(--component-hover-color,inherit)!important}.preview-component.is-selected{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb2e}.preview-component-label{color:#e2e8f0;pointer-events:none;background:#0f172a;border:1px solid #334155;border-radius:999px;padding:.2rem .45rem;font-size:.7rem;line-height:1;position:absolute;top:-10px;right:10px}.anim-float{animation:2.6s ease-in-out infinite component-float}.anim-pulse{animation:1.8s ease-in-out infinite component-pulse}.anim-fade{animation:.42s component-fade}.inspector-panel{color:#e2e8f0;background:#0f172a;border:1px solid #1e293b;border-radius:14px;flex-direction:column;gap:.75rem;padding:.85rem;display:flex;position:sticky;top:1rem}.inspector-panel h2{margin:0;font-size:1.05rem}.inspector-actions,.inspector-presets{flex-wrap:wrap;gap:.45rem;display:flex}.inspector-actions button,.inspector-presets button{color:#e2e8f0;cursor:pointer;font:inherit;background:#111b30;border:1px solid #334155;border-radius:9px;padding:.35rem .55rem;font-size:.82rem}.inspector-actions button:hover,.inspector-presets button:hover{border-color:#60a5fa}.inspector-actions button:disabled{opacity:.45;cursor:not-allowed}.inspector-group{gap:.5rem;display:grid}.inspector-group label{color:#cbd5e1;gap:.25rem;font-size:.82rem;display:grid}.inspector-group input,.inspector-group select,.inspector-group textarea{color:#f8fafc;width:100%;font:inherit;background:#111b30;border:1px solid #334155;border-radius:8px;padding:.42rem .55rem}.inspector-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-colors input[type=color]{min-height:30px;padding:.15rem}.preview-canvas h1,.preview-canvas h2,.preview-canvas p{margin:0}.preview-canvas h1{color:var(--preview-heading,#0f172a);font-size:clamp(1.8rem,4vw,3rem);line-height:1.1}.preview-canvas h2{color:var(--preview-heading,#374151);font-size:clamp(1.2rem,2.6vw,2rem)}.preview-canvas p{color:var(--preview-text,#1f2937);font-size:1rem;line-height:1.55}.preview-header{background:#fff;border:1px solid #cbd5e1;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.7rem .85rem;display:grid}.preview-header strong{font-size:1.05rem}.preview-header nav{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.preview-header a{color:#334155;font-size:.9rem;text-decoration:none}.preview-header button{color:#fff;background:#2563eb;border:0;border-radius:9px;padding:.4rem .7rem;font-weight:600}.preview-image{object-fit:cover;border:1px solid #cbd5e1;border-radius:14px;width:100%}.preview-video-wrap{background:#0f172a;border:1px solid #cbd5e1;border-radius:14px;width:100%;overflow:hidden}.preview-video{aspect-ratio:16/9;border:0;width:100%;display:block}.preview-button{background:var(--preview-accent,#2563eb);color:#fff;border-radius:var(--preview-button-radius,10px);width:fit-content;padding:.6rem 1rem;font-weight:600;text-decoration:none;display:inline-block}.preview-accordion{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:.65rem .8rem}.preview-accordion summary{cursor:pointer;font-weight:600}.preview-alert{color:#9a3412;background:#fff7ed;border:1px solid #fdba74;border-radius:10px;padding:.75rem .85rem}.preview-card{border:1px solid var(--preview-border,#d1d5db);border-radius:var(--preview-radius,12px);background:var(--preview-card-bg,#fff);padding:.8rem .9rem}.preview-card h3{margin:0 0 .4rem}.preview-badge{background:color-mix(in srgb, var(--preview-accent,#2563eb) 20%, white);width:fit-content;color:var(--preview-accent,#1d4ed8);border-radius:999px;padding:.28rem .62rem;font-size:.85rem;font-weight:600;display:inline-block}.preview-check{align-items:center;gap:.5rem;display:flex}.preview-field{flex-direction:column;gap:.45rem;display:flex}.preview-field input,.preview-field textarea,.preview-field select{font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:9px;padding:.5rem .62rem}.preview-tabs{flex-wrap:wrap;gap:.45rem;display:flex}.preview-tabs button{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:.32rem .75rem}.preview-button-group{flex-wrap:wrap;gap:.45rem;display:flex}.preview-button-group button{border:1px solid var(--preview-accent,#93c5fd);background:color-mix(in srgb, var(--preview-accent,#2563eb) 22%, white);color:#1e40af;border-radius:var(--preview-button-radius,10px);padding:.4rem .7rem}.preview-button-group button.is-active{background:var(--preview-accent,#2563eb);border-color:var(--preview-accent,#2563eb);color:#fff}.preview-alert-dialog,.preview-dialog,.preview-drawer{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:.8rem .9rem}.preview-dialog-actions{justify-content:flex-end;gap:.5rem;margin-top:.65rem;display:flex}.preview-dialog-actions button{background:#f8fafc;border:1px solid #d1d5db;border-radius:8px;padding:.35rem .65rem}.preview-danger-btn{color:#fff;background:#ef4444!important;border-color:#ef4444!important}.preview-avatar{align-items:center;gap:.55rem;display:inline-flex}.preview-avatar img{object-fit:cover;border:2px solid #dbeafe;border-radius:999px;width:48px;height:48px}.preview-breadcrumb ol{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.preview-breadcrumb li{color:#334155;align-items:center;gap:.45rem;display:inline-flex}.preview-breadcrumb em{color:#94a3b8;font-style:normal}.preview-dropdown{width:fit-content}.preview-dropdown button{background:#f8fafc;border:1px solid #cbd5e1;border-radius:9px;padding:.35rem .65rem}.preview-dropdown ul{background:#fff;border:1px solid #cbd5e1;border-radius:9px;margin:.4rem 0 0;padding:.45rem;list-style:none}.preview-dropdown li+li{margin-top:.2rem}.preview-pagination{flex-wrap:wrap;gap:.3rem;display:flex}.preview-pagination button{background:#fff;border:1px solid #cbd5e1;border-radius:7px;min-width:34px;padding:.26rem .4rem}.preview-pagination .is-active{color:#fff;background:#2563eb;border-color:#2563eb}.preview-navigation-menu{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.preview-navigation-menu li{background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;padding:.25rem .62rem}.preview-popover{width:fit-content;position:relative}.preview-popover button{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.35rem .62rem}.preview-popover aside{color:#fff;white-space:nowrap;background:#111827;border-radius:8px;padding:.4rem .55rem;font-size:.85rem;position:absolute;top:calc(100% + 8px);left:0}.preview-tooltip-wrap{width:fit-content;position:relative}.preview-tooltip-wrap button{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.35rem .62rem}.preview-tooltip-wrap span{color:#fff;white-space:nowrap;background:#111827;border-radius:7px;padding:.25rem .45rem;font-size:.8rem;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.preview-radio-group{border:1px solid #d1d5db;border-radius:10px;padding:.6rem .75rem}.preview-radio-group legend{padding:0 .35rem}.preview-radio-group label{align-items:center;gap:.45rem;display:flex}.preview-radio-group label+label{margin-top:.28rem}.preview-switch{align-items:center;gap:.6rem;display:inline-flex}.preview-switch input{display:none}.preview-switch-track{background:#93c5fd;border-radius:999px;width:42px;height:24px;position:relative}.preview-switch-track:after{content:"";background:#fff;border-radius:999px;width:18px;height:18px;position:absolute;top:3px;right:3px}.preview-switch em{font-style:normal}.preview-toggle{background:#fff;border:1px solid #d1d5db;border-radius:9px;padding:.4rem .65rem}.preview-toggle.is-active{background:#dcfce7;border-color:#22c55e}.preview-calendar{background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:.7rem}.preview-calendar h4{margin:0 0 .5rem}.preview-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem;display:grid}.preview-calendar-head span{color:#64748b;font-size:.8rem}.preview-calendar-grid span{text-align:center;border-radius:7px;padding:.2rem}.preview-calendar-grid .is-highlight{color:#fff;background:#2563eb}.preview-carousel{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.45rem;display:grid}.preview-carousel img{aspect-ratio:16/9;object-fit:cover;border:1px solid #d1d5db;border-radius:10px;width:100%}.preview-chart{background:linear-gradient(#f8fafc,#fff);border:1px solid #d1d5db;border-radius:10px;align-items:flex-end;gap:.4rem;height:150px;padding:.5rem;display:flex}.preview-chart div{background:linear-gradient(#60a5fa,#2563eb);border-radius:8px 8px 4px 4px;flex:1}.preview-progress-wrap{flex-direction:column;gap:.35rem;display:flex}.preview-progress-wrap progress{width:100%;height:16px}.preview-separator{align-items:center;gap:.55rem;display:flex}.preview-separator hr{border:0;border-top:1px solid #cbd5e1;flex:1}.preview-separator span{color:#64748b;font-size:.9rem}.preview-aspect{aspect-ratio:16/9;border:1px solid #d1d5db;border-radius:12px;width:100%;overflow:hidden}.preview-aspect.is-square{aspect-ratio:1;max-width:420px}.preview-aspect img{object-fit:cover;width:100%;height:100%}.preview-quote{background:#eff6ff;border-left:4px solid #60a5fa;border-radius:10px;margin:0;padding:.85rem .95rem}.preview-quote blockquote{color:#0f172a;margin:0;font-size:1.05rem;line-height:1.5}.preview-quote figcaption{color:#334155;margin-top:.55rem;font-size:.9rem}.preview-logo-row{flex-wrap:wrap;gap:.45rem;display:flex}.preview-logo-row span{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;padding:.3rem .65rem;font-size:.85rem;font-weight:600}.preview-kpi{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;width:fit-content;min-width:190px;padding:.8rem .9rem}.preview-kpi strong{color:#1d4ed8;font-size:1.9rem;line-height:1;display:block}.preview-kpi p{margin:.35rem 0 .2rem}.preview-kpi small{color:#475569}.preview-pricing-card{background:linear-gradient(#fff,#f8fafc);border:1px solid #cbd5e1;border-radius:14px;max-width:360px;padding:.95rem}.preview-pricing-card h3{margin:0}.preview-pricing-line{align-items:baseline;gap:.3rem;margin:.5rem 0 .6rem;display:flex}.preview-pricing-line strong{color:#111827;font-size:1.8rem}.preview-pricing-line span{color:#64748b}.preview-pricing-card ul{margin:0;padding-left:1.15rem}.preview-pricing-card li+li{margin-top:.25rem}.preview-pricing-card button{background:var(--preview-accent,#2563eb);color:#fff;border:0;border-radius:10px;margin-top:.8rem;padding:.5rem .75rem;font-weight:600}.preview-feature-list{flex-direction:column;gap:.35rem;margin:0;padding-left:0;list-style:none;display:flex}.preview-feature-list li{padding-left:1.35rem;position:relative}.preview-feature-list li:before{content:"✓";color:#16a34a;font-weight:700;position:absolute;top:0;left:0}.preview-countdown{background:#fff1f2;border:1px solid #fecaca;border-radius:12px;padding:.75rem .9rem}.preview-countdown>p{color:#9f1239;margin:0 0 .45rem;font-weight:600}.preview-countdown>div{gap:.45rem;display:flex}.preview-countdown>div span{text-align:center;background:#fff;border:1px solid #fda4af;border-radius:10px;min-width:70px;padding:.4rem}.preview-countdown strong{font-size:1.2rem;display:block}.preview-countdown small{color:#9f1239;font-size:.75rem}.preview-offer{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #f59e0b;border-radius:14px;grid-template-columns:1fr auto auto;align-items:center;gap:.65rem;padding:.85rem .95rem;display:grid}.preview-offer h3{color:#92400e;margin:0}.preview-offer p{color:#78350f;margin:.15rem 0 0}.preview-offer code{color:#92400e;background:#ffffffb3;border:1px dashed #d97706;border-radius:8px;padding:.35rem .55rem;font-weight:700}.preview-offer button{color:#fff;background:#d97706;border:0;border-radius:9px;padding:.45rem .75rem;font-weight:600}.preview-cookie-popup{color:#e2e8f0;background:#0f172af2;border:1px solid #cbd5e1;border-radius:12px;max-width:460px;margin-left:auto;padding:.8rem .9rem;position:sticky;bottom:.5rem}.preview-cookie-popup h4{margin:0}.preview-cookie-popup p{color:#cbd5e1;margin:.4rem 0 .65rem}.preview-cookie-popup div{justify-content:flex-end;gap:.45rem;display:flex}.preview-cookie-popup button{color:#e2e8f0;background:0 0;border:1px solid #475569;border-radius:8px;padding:.35rem .6rem}.preview-cookie-popup .is-primary{color:#052e16;background:#22c55e;border-color:#22c55e;font-weight:700}.preview-footer{color:#e2e8f0;background:#0f172a;border:1px solid #cbd5e1;border-radius:12px;flex-direction:column;gap:.45rem;padding:.9rem;display:flex}.preview-footer strong{font-size:1rem}.preview-footer p{color:#cbd5e1;margin:0}.preview-footer div{flex-wrap:wrap;gap:.45rem;display:flex}.preview-footer a{color:#93c5fd;font-size:.9rem;text-decoration:none}.preview-skeleton{flex-direction:column;gap:.45rem;display:flex}.preview-skeleton span{background:linear-gradient(90deg,#e5e7eb,#f3f4f6,#e5e7eb) 0 0/180% 100%;border-radius:999px;height:13px;animation:1.25s linear infinite skeleton-move}.preview-spinner-wrap{align-items:center;gap:.55rem;display:inline-flex}.preview-spinner{border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:999px;width:20px;height:20px;animation:.9s linear infinite spin}.preview-spinner-wrap p{margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-move{0%{background-position:0 0}to{background-position:-180% 0}}@keyframes component-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes component-pulse{0%,to{box-shadow:0 0 #2563eb1f}50%{box-shadow:0 0 0 10px #2563eb00}}@keyframes component-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.preview-table{border-collapse:collapse;background:#fff;width:100%}.preview-table th,.preview-table td{text-align:left;border:1px solid #d1d5db;padding:.45rem .55rem}.preview-placeholder{background:#ffffffc7;border:1px dashed #94a3b8;border-radius:12px;padding:.8rem .9rem}.preview-placeholder strong{margin-bottom:.3rem;display:block}.preview-empty{color:#6b7280}.preview-bg-clean{background:#fff}.preview-bg-custom{background:var(--preview-custom-bg,#fff)}.preview-bg-sunset{background:radial-gradient(circle at 15% 15%,#fb923c4d,#0000 30%),radial-gradient(circle at 85% 80%,#f43f5e38,#0000 34%),linear-gradient(145deg,#fff7ed,#ffedd5)}.preview-bg-ocean{background:radial-gradient(circle at 20% 20%,#0ea5e947,#0000 32%),radial-gradient(circle at 80% 75%,#06b6d438,#0000 36%),linear-gradient(135deg,#ecfeff,#cffafe)}.preview-bg-forest{background:radial-gradient(circle at 20% 20%,#22c55e3d,#0000 30%),radial-gradient(circle at 80% 80%,#16a34a33,#0000 35%),linear-gradient(145deg,#f0fdf4,#dcfce7)}.preview-bg-grid{background-color:#fff;background-image:linear-gradient(#94a3b833 1px,#0000 1px),linear-gradient(90deg,#94a3b833 1px,#0000 1px);background-size:24px 24px}.live-preview-page{background:#e8ecef;min-height:100vh;padding:1rem}.live-preview-header{width:min(var(--preview-canvas-width,920px), 100%);background:#fff;border:1px solid #d1d5db;border-radius:12px;justify-content:space-between;align-items:center;gap:.8rem;margin:0 auto .8rem;padding:.65rem .8rem;display:flex}.live-preview-header a{color:#2563eb;font-weight:600;text-decoration:none}.live-preview-empty{background:#fff;border:1px solid #d1d5db;border-radius:14px;width:min(620px,100%);margin:3rem auto;padding:1rem 1.1rem}.live-preview-empty h1{margin:0 0 .45rem}.preview-standalone{margin-bottom:1rem}.preview-standalone-component{cursor:default}.preview-standalone-component .preview-component-label{display:none}@media (width<=900px){.editor-layout,.preview-shell{grid-template-columns:1fr}.editor-panel{border-bottom:1px solid #1f2937;border-right:none}}