.inspector-section[data-v-42c757d6]{border-bottom:1px solid #e2e8f0;margin-bottom:1rem;padding-bottom:1rem}.inspector-section[data-v-42c757d6]:last-child{border-bottom:none}.main-styling[data-v-42c757d6]{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #3b82f6;border-radius:.5rem;padding:.5rem}.quick-presets[data-v-42c757d6]{margin-bottom:1rem}.preset-grid[data-v-42c757d6]{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:.5rem}.preset-info[data-v-42c757d6]{text-align:left}.preset-name[data-v-42c757d6]{font-size:.75rem;font-weight:500}.preset-classes[data-v-42c757d6]{color:#6b7280;font-family:monospace;font-size:.625rem;margin-top:.125rem}.class-helper[data-v-42c757d6]{background:#f8fafc;border-radius:.375rem;margin-top:.75rem;padding:.75rem}.helper-section[data-v-42c757d6]{margin-bottom:.75rem}.helper-section[data-v-42c757d6]:last-child{margin-bottom:0}.color-suggestions[data-v-42c757d6],.component-suggestions[data-v-42c757d6],.responsive-suggestions[data-v-42c757d6]{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.element-info[data-v-d9cc098b]{background:#f8fafc;border-radius:.375rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.element-info[data-v-d9cc098b],.element-type[data-v-d9cc098b]{align-items:center;display:flex}.element-type[data-v-d9cc098b]{font-weight:500;gap:.5rem}.inspector-section[data-v-d9cc098b]{border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:1.5rem}.inspector-section[data-v-d9cc098b]:last-child{border-bottom:none}.inspector-section h4[data-v-d9cc098b]{color:#475569;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.section-header[data-v-d9cc098b]{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.section-header h4[data-v-d9cc098b]{margin-bottom:0}.classes-input-group[data-v-d9cc098b]{margin-bottom:1rem}.class-preview[data-v-d9cc098b]{background:#fff;margin-top:.5rem}.preview-label[data-v-d9cc098b]{color:#6b7280;font-size:.75rem;margin-bottom:.5rem}.preview-element[data-v-d9cc098b]{border-radius:.25rem;min-height:2rem;padding:.5rem}.binding-group[data-v-d9cc098b],.config-group[data-v-d9cc098b],.content-group[data-v-d9cc098b]{margin-bottom:1rem}.binding-group[data-v-d9cc098b]:last-child,.config-group[data-v-d9cc098b]:last-child,.content-group[data-v-d9cc098b]:last-child{margin-bottom:0}.config-group>div[data-v-d9cc098b]{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.class-preview[data-v-d9cc098b]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;max-height:200px;overflow-y:auto;padding:.75rem}.class-categories[data-v-d9cc098b]{gap:.5rem}.class-categories[data-v-d9cc098b],.class-category[data-v-d9cc098b]{display:flex;flex-direction:column}.class-category[data-v-d9cc098b]{gap:.25rem}.category-label[data-v-d9cc098b]{color:#6b7280;font-size:.75rem;font-weight:600}.class-tags[data-v-d9cc098b]{display:flex;flex-wrap:wrap;gap:.25rem}.class-tag[data-v-d9cc098b]{align-items:center;border-radius:.25rem;display:inline-flex;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.75rem;gap:.25rem;padding:.125rem .375rem}.class-tag.layout[data-v-d9cc098b]{background:#dbeafe;color:#1e40af}.class-tag.spacing[data-v-d9cc098b]{background:#dcfce7;color:#166534}.class-tag.colors[data-v-d9cc098b]{background:#fef3c7;color:#92400e}.class-tag.typography[data-v-d9cc098b]{background:#e0e7ff;color:#3730a3}.class-tag.effects[data-v-d9cc098b]{background:#fce7f3;color:#be185d}.class-tag.other[data-v-d9cc098b]{background:#f3f4f6;color:#374151}.remove-class[data-v-d9cc098b]{background:none;border:none;color:currentColor;cursor:pointer;font-size:.875rem;line-height:1;margin-left:.125rem;opacity:.7;padding:0}.remove-class[data-v-d9cc098b]:hover{opacity:1}.validation-feedback[data-v-d9cc098b]{background:#fef2f2;border:1px solid #fecaca;border-radius:.25rem;margin-top:.5rem;padding:.5rem}.warnings[data-v-d9cc098b]{background:#fffbeb;border:1px solid #fed7aa;border-radius:.25rem;padding:.5rem}.live-preview[data-v-d9cc098b]{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;overflow:hidden}.preview-element[data-v-d9cc098b]{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:center;min-height:60px;padding:1rem;transition:all .2s ease}.preview-element[data-element-type=heading][data-v-d9cc098b]{justify-content:flex-start}.preview-element[data-element-type=button][data-v-d9cc098b]{justify-content:center}.preview-element[data-element-type=container][data-v-d9cc098b]{background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 10px,#f1f5f9 0 20px);min-height:80px}.preview-content[data-v-d9cc098b]{color:#374151;font-size:.875rem}.preview-info[data-v-d9cc098b]{background:#fff;padding:.75rem}.preview-stats[data-v-d9cc098b]{display:flex;gap:.75rem;margin-bottom:.5rem}.stat[data-v-d9cc098b]{background:#f3f4f6;border-radius:.25rem;color:#6b7280;font-size:.75rem;padding:.125rem .375rem}.preview-classes[data-v-d9cc098b]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.25rem;overflow-x:auto;padding:.5rem}.preview-classes code[data-v-d9cc098b]{color:#374151;word-break:break-all}.class-tag.has-conflict[data-v-d9cc098b]{animation:pulse-conflict-d9cc098b 2s infinite;background:#fef2f2!important;border:1px solid #fecaca;color:#dc2626!important}@keyframes pulse-conflict-d9cc098b{0%,to{opacity:1}50%{opacity:.7}}.class-tag.responsive[data-v-d9cc098b]{background:#f0f9ff;color:#0369a1;position:relative}.responsive-prefix[data-v-d9cc098b]{background:#0369a1;border-radius:.125rem;color:#fff;font-size:.625rem;font-weight:600;margin-right:.25rem;padding:.125rem .25rem}.class-tag[data-v-d9cc098b]:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px);transition:all .2s ease}.class-count-badge[data-v-d9cc098b]{background:#3b82f6;border-radius:.75rem;color:#fff;font-size:.75rem;font-weight:600;min-width:1.5rem;padding:.125rem .375rem;text-align:center}.remove-class[data-v-d9cc098b]{align-items:center;background:#0000001a;border-radius:50%;display:flex;font-size:.75rem;height:1rem;justify-content:center;transition:all .2s ease;width:1rem}.remove-class[data-v-d9cc098b]:hover{background:#dc262633;color:#dc2626;transform:scale(1.1)}.spacer-container[data-v-ecaa95ba]{min-height:0;position:relative;width:100%}.spacer[data-v-ecaa95ba]{border-radius:2px;transition:height .1s ease}.spacer-container:hover .spacer[data-v-ecaa95ba],.spacer-dragging .spacer[data-v-ecaa95ba]{background-image:repeating-linear-gradient(60deg,rgba(0,0,0,.1) 4px,rgba(0,0,0,.1) 5px,transparent 0,transparent 9px);border:1px solid rgba(92,95,99,.205);border-radius:4px}.spacer-drag-handle[data-v-ecaa95ba]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:1px solid rgba(59,130,246,.3);border-radius:8px;bottom:-8px;cursor:ns-resize;display:flex;flex-direction:column;height:16px;justify-content:center;left:50%;opacity:0;position:absolute;transform:translate(-50%);transition:opacity .2s ease;width:60px;z-index:10}.handle-visible[data-v-ecaa95ba]{opacity:1}.handle-line[data-v-ecaa95ba]{background:#3b82f699;border-radius:1px;height:2px;margin-bottom:2px;width:100%}.handle-dots[data-v-ecaa95ba]{display:flex;gap:2px}.handle-dot[data-v-ecaa95ba]{background:#3b82f6cc;border-radius:50%;height:3px;width:3px}.height-indicator[data-v-ecaa95ba]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#5c5f63e6;border-radius:4px;color:#fff;font-size:.7rem;font-weight:500;left:50%;padding:2px 6px;position:absolute;top:-24px;transform:translate(-50%);white-space:nowrap}.spacer-container:hover .spacer-drag-handle[data-v-ecaa95ba]{opacity:1}.container-grid-cell[data-v-acd0f0ad]{min-height:80px;position:relative;z-index:2}.cell-element[data-v-acd0f0ad]{position:relative}.cell-element[data-v-acd0f0ad]:has(>[class*=flex]){width:100%}.flex-wrapper[data-v-acd0f0ad],.flex-wrapper-container[data-v-acd0f0ad]{position:relative;width:100%}.flex-wrapper-container[data-v-acd0f0ad]{min-height:40px}.flex-item[data-v-acd0f0ad]{flex:1;min-width:0;position:relative}.flex-wrapper-container[data-v-acd0f0ad]:hover{outline:1px dashed rgba(59,59,59,.3);outline-offset:2px}.flex-wrapper-container.selected[data-v-acd0f0ad]{outline:2px solid #646464;outline-offset:2px}.flex-item[data-v-acd0f0ad]:hover{z-index:10}.flex-item[data-v-acd0f0ad]:hover,[data-container-type=flex-wrapper][data-v-acd0f0ad]{position:relative}.element-accents[data-v-acd0f0ad]{inset:0;pointer-events:none;position:absolute;z-index:10}.element-accents .accent-element[data-v-acd0f0ad]{pointer-events:auto}.selected[data-v-acd0f0ad]{outline:2px solid #646464;outline-offset:2px}.ea-node[data-v-acd0f0ad]{position:relative}.insert-button[data-v-acd0f0ad]{align-items:center;animation:fadeIn-acd0f0ad .2s ease;background:#646464;border:2px solid #fff;border-radius:50%;bottom:-2px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;justify-content:center;position:absolute;right:-10px;transition:all .2s ease;z-index:200}.insert-button[data-v-acd0f0ad]:hover{background:#424242;transform:scale(1.1)}@keyframes fadeIn-acd0f0ad{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.custom-grid-template[data-cols][data-v-acd0f0ad]{display:grid}@media (max-width:640px){.grid[data-v-acd0f0ad]{grid-template-columns:1fr!important}.flex-row[data-v-acd0f0ad]{flex-direction:column!important}.flex[data-v-acd0f0ad]{width:100%!important}}@media (min-width:641px) and (max-width:1024px){.tablet-cols-1[data-v-acd0f0ad]{grid-template-columns:repeat(1,minmax(0,1fr))!important}.tablet-cols-2[data-v-acd0f0ad]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tablet-cols-3[data-v-acd0f0ad]{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tablet-cols-4[data-v-acd0f0ad]{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (min-width:1025px){.desktop-cols-1[data-v-acd0f0ad]{grid-template-columns:repeat(1,minmax(0,1fr))!important}.desktop-cols-2[data-v-acd0f0ad]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.desktop-cols-3[data-v-acd0f0ad]{grid-template-columns:repeat(3,minmax(0,1fr))!important}.desktop-cols-4[data-v-acd0f0ad]{grid-template-columns:repeat(4,minmax(0,1fr))!important}.desktop-cols-5[data-v-acd0f0ad]{grid-template-columns:repeat(5,minmax(0,1fr))!important}.desktop-cols-6[data-v-acd0f0ad]{grid-template-columns:repeat(6,minmax(0,1fr))!important}}.responsive-custom-grid[data-v-acd0f0ad]{--mobile-template:1fr;--tablet-template:var(--tablet-cols,1fr 1fr);--desktop-template:var(--desktop-cols,1fr 1fr)}@media (max-width:640px){.responsive-custom-grid[data-v-acd0f0ad]{grid-template-columns:var(--mobile-template)!important}}@media (min-width:641px) and (max-width:1024px){.responsive-custom-grid[data-v-acd0f0ad]{grid-template-columns:var(--tablet-template)!important}}@media (min-width:1025px){.responsive-custom-grid[data-v-acd0f0ad]{grid-template-columns:var(--desktop-template)!important}}.flex-container[data-v-acd0f0ad]{display:flex}.flex-col[data-v-acd0f0ad]{flex-direction:column}.flex-row[data-v-acd0f0ad]{flex-direction:row}.flex[data-v-acd0f0ad]>*+*{margin-top:0}.flex-col[data-v-acd0f0ad]>*+*{margin-left:0}.flex-row[data-v-acd0f0ad]>*+*{margin-top:0}.order-element[data-v-acd0f0ad]{position:absolute!important}.preview-content-container:not(.has-selection) .preview-element-hover[data-v-acd0f0ad]:hover{outline:1px solid rgba(59,130,246,.4);outline-offset:1px;position:relative;transition:outline .1s ease;z-index:99}.preview-content-container:not(.has-selection) .preview-element-hover[data-element-type=container][data-v-acd0f0ad]:hover{position:relative}.preview-element-hover[data-element-type=heading][data-v-acd0f0ad],.preview-element-hover[data-element-type=richtext][data-v-acd0f0ad]{cursor:text}.preview-element-hover[data-element-type=button][data-v-acd0f0ad],.preview-element-hover[data-element-type=image][data-v-acd0f0ad]{cursor:pointer}.preview-element-hover[data-element-type=container][data-v-acd0f0ad]{cursor:grab}.preview-element-hover[data-element-type=container][data-v-acd0f0ad]:active{cursor:grabbing}.ea-node[data-v-bc0bc444]{backface-visibility:hidden;position:relative;transform:translateZ(0)}.ea-node[data-v-bc0bc444]:hover{background:#45c7fa1e}.container-grid-cell[data-v-bc0bc444]{min-height:80px;position:relative;z-index:2}.cell-element[data-v-bc0bc444]{position:relative}.cell-element[data-v-bc0bc444]:has(>[class*=flex]){width:100%}.selected[data-v-bc0bc444]{outline:2px solid #3b82f6;outline-offset:2px}.ea-row[data-row-id*=spacer][data-v-bc0bc444]{border:2px dashed transparent;min-height:0;opacity:0;pointer-events:none;transition:all .2s}.is-dragging .ea-row[data-row-id*=spacer][data-v-bc0bc444]{opacity:.3;pointer-events:auto}.is-dragging .ea-row[data-row-id*=spacer][data-v-bc0bc444]:hover{background:#3b82f60d;border-color:#cbd5e0;min-height:60px;opacity:1;z-index:100}.ea-node.is-spacer-stack[data-v-bc0bc444]{border:0 dashed transparent;border-radius:4px;height:0;margin:0;min-height:0;opacity:0;padding:0;pointer-events:none;transition:all .2s}.is-dragging .ea-node.is-spacer-stack[data-v-bc0bc444]{border:2px dashed transparent;min-height:10px;opacity:.3;pointer-events:auto}.is-dragging .ea-node.is-spacer-stack[data-v-bc0bc444]:hover{background:#8b5cf614;border-color:#a78bfa;min-height:40px;opacity:1}.is-dragging .ea-node.is-spacer-stack[data-v-bc0bc444]:hover:after{color:#7c3aed;content:"Släpp här för att stacka";font-size:.75rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.ea-node.is-spacer-stack[data-v-bc0bc444]:hover{background:transparent}.ea-node-stack[data-v-bc0bc444]{margin-top:0;min-height:0;padding:0;transition:all .2s}.ea-node-stack[data-v-bc0bc444]:has(.ea-node:not(.is-spacer-stack)){gap:.5rem;margin-top:.5rem}.is-dragging .ea-node-stack[data-v-bc0bc444]{background:#8b5cf605;border:1px dashed rgba(139,92,246,.3);border-radius:4px;margin-top:.5rem;min-height:30px;padding:.25rem}.is-dragging .ea-node-stack[data-v-bc0bc444]:hover{background:#8b5cf614;border-color:#8b5cf699;min-height:40px}.ea-node-stack>.ea-node[data-v-bc0bc444]{transition:all .2s}.ea-node-stack>.ea-node[data-v-bc0bc444]:not(.is-spacer-stack){border:1px solid rgba(139,92,246,.15);border-radius:4px;cursor:grab;padding:4px;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ea-node-stack>.ea-node[data-v-bc0bc444]:not(.is-spacer-stack):hover{background:#8b5cf60d;border-color:#8b5cf64d}.ea-node-stack>.ea-node[data-v-bc0bc444]:not(.is-spacer-stack):active{cursor:grabbing}.ea-dragging[data-v-bc0bc444]{backface-visibility:hidden;cursor:grabbing!important;filter:drop-shadow(0 6px 12px rgba(0,0,0,.15));opacity:.85;transform-origin:center center;will-change:transform,opacity}.sortable-ghost[data-v-bc0bc444]{background:#c7c7c733!important;border-radius:8px;opacity:.2!important;transition:background .2s ease}.sortable-chosen[data-v-bc0bc444]{opacity:.95;z-index:100}.ea-ghost[data-v-bc0bc444]{opacity:.7;transform:scale(1)}.ea-chosen[data-v-bc0bc444]{opacity:.9;z-index:100}.ea-node img[data-v-bc0bc444]{display:block;height:auto;max-width:100%;pointer-events:none}.is-dragging .ea-node img[data-v-bc0bc444]{max-height:100%!important;max-width:unset!important;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:640px){.grid[data-v-bc0bc444]{grid-template-columns:1fr!important}.flex-row[data-v-bc0bc444]{flex-direction:column!important}.flex[data-v-bc0bc444]{width:100%!important}}.block-renderer[data-v-f2f95c89]{box-sizing:border-box;min-height:600px;width:100%!important}.block-renderer.grid[data-v-f2f95c89]{display:grid!important}.block-with-background[data-v-f2f95c89]{overflow:hidden;position:relative}.background-overlay[data-v-f2f95c89]{inset:0;pointer-events:none;position:absolute;z-index:1}.block-with-background[data-v-f2f95c89]>*{position:relative;z-index:2}.version-history[data-v-c3b34463]{display:flex;flex-direction:column;height:100%;max-height:80vh}.version-history-header[data-v-c3b34463]{background:var(--background);border-bottom:1px solid var(--border);padding:1rem}.version-history-content[data-v-c3b34463]{flex:1;overflow-y:auto;padding:0}.version-list[data-v-c3b34463]{display:flex;flex-direction:column;gap:0}.version-item[data-v-c3b34463]{border-bottom:1px solid var(--border);cursor:pointer;padding:1rem;position:relative;transition:all .2s}.version-item[data-v-c3b34463]:hover{background:var(--muted)}.version-item.version-current[data-v-c3b34463]{background:var(--accent/10);border-left:3px solid var(--primary)}.version-item.version-selected[data-v-c3b34463]{background:var(--accent/20)}.version-header[data-v-c3b34463]{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.version-info[data-v-c3b34463]{flex:1}.version-number[data-v-c3b34463]{margin-bottom:.25rem}.version-meta[data-v-c3b34463],.version-number[data-v-c3b34463]{align-items:center;display:flex}.version-meta[data-v-c3b34463]{color:var(--muted-foreground);font-size:.75rem;gap:.5rem}.version-change-type[data-v-c3b34463]{background:var(--muted);border-radius:.25rem;font-weight:500;padding:.125rem .375rem}.version-actions[data-v-c3b34463]{align-items:center;display:flex;gap:.25rem}.version-restore-btn[data-v-c3b34463]{opacity:0;transition:opacity .2s}.version-item:hover .version-restore-btn[data-v-c3b34463]{opacity:1}.version-description[data-v-c3b34463]{color:var(--muted-foreground);font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.version-stats[data-v-c3b34463]{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.stat-item[data-v-c3b34463]{align-items:center;color:var(--muted-foreground);display:flex;font-size:.75rem;gap:.25rem}.version-comparison[data-v-c3b34463]{border-top:1px solid var(--border);margin-top:.5rem;padding-top:.5rem}.comparison-changes[data-v-c3b34463]{display:flex;flex-wrap:wrap;gap:.5rem}.change-indicator[data-v-c3b34463]{align-items:center;background:var(--muted);border-radius:.25rem;display:flex;font-size:.75rem;gap:.25rem;padding:.125rem .375rem}.change-indicator.change-added[data-v-c3b34463]{background:var(--success/10);border:1px solid var(--success/20);color:var(--success)}.change-indicator.change-removed[data-v-c3b34463]{background:var(--destructive/10);border:1px solid var(--destructive/20);color:var(--destructive)}.change-indicator.change-modified[data-v-c3b34463]{background:var(--warning/10);border:1px solid var(--warning/20);color:var(--warning)}.empty-state[data-v-c3b34463],.loading-state[data-v-c3b34463]{padding:2rem}.preview-container[data-v-c3b34463]{background:var(--muted/30);border:1px solid var(--border);border-radius:.5rem;max-height:60vh;overflow-y:auto;padding:1rem}.preview-overlays[data-v-0ce10403]{inset:0;pointer-events:none;position:absolute;z-index:100}body.resizing[data-v-0ce10403],body.resizing[data-v-0ce10403] *{cursor:col-resize!important}.resize-preview[data-v-0ce10403]{pointer-events:none;position:fixed;right:1rem;top:1rem;z-index:1002}.resize-preview-content[data-v-0ce10403]{background:#6366f1f2}.width-resize-tooltip[data-v-0ce10403]{pointer-events:none;position:fixed;z-index:1000}.tooltip-content[data-v-0ce10403]{animation:tooltipFadeIn-0ce10403 .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3b82f6f2;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:.875rem;font-weight:600;padding:.5rem .75rem;will-change:opacity,transform}.enhanced-tooltip[data-v-0ce10403]{line-height:1.4;min-width:120px;text-align:center}@keyframes tooltipFadeIn-0ce10403{0%{opacity:0;transform:translate3d(0,-5px,0)}to{opacity:1;transform:translateZ(0)}}.cell-element[data-v-0ce10403]{animation:cellElementChange-0ce10403 .2s ease-out}@keyframes cellElementChange-0ce10403{0%{opacity:.5}to{opacity:1}}.responsive-preview-container[data-v-7b431bfc]{border-radius:.5rem;overflow:hidden;position:relative;width:100%}.preview-controls[data-v-7b431bfc]{position:absolute;right:1rem;top:1rem;z-index:200}.view-only-toggle[data-v-7b431bfc]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.breakpoint-indicator[data-v-7b431bfc],.view-only-toggle[data-v-7b431bfc]{box-shadow:0 4px 6px -1px #0000001a}.breakpoint-indicator[data-v-7b431bfc]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border-radius:.375rem;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem .75rem;position:absolute;right:1rem;top:1rem;z-index:20}.indicator-content[data-v-7b431bfc]{align-items:center;display:flex;gap:.5rem}.breakpoint-label[data-v-7b431bfc]{font-weight:600}.breakpoint-width[data-v-7b431bfc]{font-size:.75rem;opacity:.8}.resize-indicator[data-v-7b431bfc]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3b82f6e6;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;color:#fff;font-size:.875rem;font-weight:500;left:50%;padding:1rem 1.5rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:30}.resize-content[data-v-7b431bfc]{align-items:center;display:flex;gap:.75rem}.resize-spinner[data-v-7b431bfc]{animation:spin-7b431bfc 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:1rem;width:1rem}@keyframes spin-7b431bfc{to{transform:rotate(1turn)}}.preview-content-container[data-v-7b431bfc]{overflow:visible;position:relative;width:100%;z-index:1}.preview-content-container.is-transitioning[data-v-7b431bfc]{pointer-events:none}.preview-content-container.container-queries-supported[data-v-7b431bfc]{container-type:inline-size}.preview-content-container.breakpoint-sm[data-v-7b431bfc],.preview-content-container.breakpoint-xs[data-v-7b431bfc]{box-shadow:0 1px 3px #0000001a}.preview-content-container.breakpoint-md[data-v-7b431bfc]{box-shadow:0 4px 6px -1px #0000001a}.preview-content-container.breakpoint-lg[data-v-7b431bfc]{box-shadow:0 10px 15px -3px #0000001a}.preview-content-container.breakpoint-xl[data-v-7b431bfc]{box-shadow:0 20px 25px -5px #0000001a}.preview-content-container.breakpoint-2xl[data-v-7b431bfc]{box-shadow:0 25px 50px -12px #00000040}.resize-handles[data-v-7b431bfc]{bottom:0;position:absolute;right:0;top:0;width:8px;z-index:10}.resize-handle[data-v-7b431bfc]{background:transparent;cursor:col-resize;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-handle-right[data-v-7b431bfc]{bottom:0;right:-4px;top:0;width:8px}.resize-handle:hover .resize-handle-indicator[data-v-7b431bfc]{opacity:1}.resize-handle-indicator[data-v-7b431bfc]{background:#3b82f6;border-radius:2px;height:24px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:4px}.resize-handle-indicator[data-v-7b431bfc]:after,.resize-handle-indicator[data-v-7b431bfc]:before{background:#fff;border-radius:50%;content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px}.resize-handle-indicator[data-v-7b431bfc]:before{top:30%}.resize-handle-indicator[data-v-7b431bfc]:after{top:70%}.breakpoint-selector[data-v-8b050150]{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.selector-header[data-v-8b050150]{align-items:center;display:flex;justify-content:space-between}.selector-title[data-v-8b050150]{color:#374151;font-size:.875rem;font-weight:600;margin:0}.current-breakpoint[data-v-8b050150]{color:#3b82f6;font-weight:500}.current-width[data-v-8b050150]{background:#f3f4f6;border-radius:.25rem;padding:.125rem .375rem}.breakpoint-buttons[data-v-8b050150]{border-radius:5.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.breakpoint-button[data-v-8b050150]{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;min-width:80px;padding:.75rem 1rem;transition:all .2s ease}.breakpoint-button[data-v-8b050150]:hover:not(.disabled){background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.breakpoint-button.active[data-v-8b050150]{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f61a;color:#fff}.breakpoint-button.disabled[data-v-8b050150]{cursor:not-allowed;opacity:.5}.button-icon[data-v-8b050150]{height:1.25rem;width:1.25rem}.button-label[data-v-8b050150]{font-size:.75rem;font-weight:500}.button-width[data-v-8b050150]{font-size:.625rem;opacity:.7}.selector-actions[data-v-8b050150]{border-top:1px solid #f3f4f6;display:flex;gap:.5rem;padding-top:.5rem}.action-button[data-v-8b050150]{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.25rem;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:all .2s ease}.action-button[data-v-8b050150]:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.action-button[data-v-8b050150]:disabled{cursor:not-allowed;opacity:.5}.reset-button[data-v-8b050150]:not(:disabled){background:#f0fdf4;border-color:#d1fae5;color:#059669}.reset-button[data-v-8b050150]:hover:not(:disabled){background:#dcfce7;border-color:#a7f3d0}.custom-button[data-v-8b050150]{background:#faf5ff;border-color:#e9d5ff;color:#7c3aed}.custom-button[data-v-8b050150]:hover{background:#f3e8ff;border-color:#d8b4fe}.custom-width-input[data-v-8b050150]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.input-group[data-v-8b050150]{display:flex;gap:.5rem}.width-input[data-v-8b050150]{background:#fff;border:1px solid #d1d5db;border-radius:.25rem;flex:1;font-size:.875rem;padding:.5rem .75rem}.width-input[data-v-8b050150]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.apply-button[data-v-8b050150]{background:#3b82f6;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.apply-button[data-v-8b050150]:hover:not(:disabled){background:#2563eb}.apply-button[data-v-8b050150]:disabled{background:#9ca3af;cursor:not-allowed}.width-presets[data-v-8b050150]{display:flex;flex-wrap:wrap;gap:.375rem}.preset-button[data-v-8b050150]{background:#fff;border:1px solid #d1d5db;border-radius:.25rem;cursor:pointer;font-size:.625rem;font-weight:500;padding:.25rem .5rem;transition:all .2s ease}.preset-button[data-v-8b050150]:hover{background:#f3f4f6;border-color:#9ca3af}.breakpoint-selector.is-disabled[data-v-8b050150]{opacity:.6;pointer-events:none}.header-left[data-v-8b050150]{display:flex;flex-direction:row;gap:.5rem}.header-actions[data-v-8b050150]{display:flex;gap:.25rem}.quick-action-button[data-v-8b050150]{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.25rem;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.quick-action-button[data-v-8b050150]:hover{background:#f3f4f6;border-color:#d1d5db}.breakpoint-indicator[data-v-8b050150]{position:relative}.current-info[data-v-8b050150]{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:.5rem}.current-icon[data-v-8b050150]{color:#3b82f6;height:1rem;width:1rem}.breakpoint-change-enter-active[data-v-8b050150],.breakpoint-change-leave-active[data-v-8b050150]{transition:all .3s ease}.breakpoint-change-enter-from[data-v-8b050150]{opacity:0;transform:translateY(-10px)}.breakpoint-change-leave-to[data-v-8b050150]{opacity:0;transform:translateY(10px)}.breakpoint-range[data-v-8b050150]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin:1rem 0;padding:1rem}.range-bar[data-v-8b050150]{background:#e5e7eb;border-radius:1rem;height:2rem;margin-bottom:.5rem;overflow:hidden;position:relative}.range-segment[data-v-8b050150]{align-items:center;background:#d1d5db;cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;top:0;transition:all .3s ease}.range-segment[data-v-8b050150]:hover{background:#9ca3af}.range-segment.active[data-v-8b050150]{background:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.segment-label[data-v-8b050150]{color:#fff;font-size:.625rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.current-position-indicator[data-v-8b050150]{background:#ef4444;border-radius:1px;bottom:-2px;position:absolute;top:-2px;transition:left .3s ease;width:2px;z-index:10}.current-position-indicator[data-v-8b050150]:before{background:#ef4444;border:2px solid #fff;border-radius:50%;content:"";height:8px;left:-3px;position:absolute;top:-4px;width:8px}.range-labels[data-v-8b050150]{color:#6b7280;display:flex;font-size:.625rem;justify-content:space-between}.breakpoint-buttons.compact[data-v-8b050150]{display:flex;flex-wrap:wrap;gap:.25rem}.breakpoint-buttons.compact .breakpoint-button[data-v-8b050150]{min-width:60px;padding:.5rem}.breakpoint-buttons.compact .button-content[data-v-8b050150]{flex-direction:column;gap:.125rem}.breakpoint-buttons.compact .button-label[data-v-8b050150]{font-size:.625rem}.breakpoint-buttons.compact .button-width[data-v-8b050150]{font-size:.5rem}.breakpoint-button[data-v-8b050150]{overflow:hidden;position:relative}.breakpoint-button.next-active[data-v-8b050150],.breakpoint-button.prev-active[data-v-8b050150]{background:#eff6ff;border-color:#93c5fd}.button-icon-container[data-v-8b050150]{position:relative}.button-content[data-v-8b050150]{align-items:center;display:flex;flex-direction:column;gap:.25rem}.button-range[data-v-8b050150]{font-size:.5rem;opacity:.7}.active-indicator[data-v-8b050150]{position:absolute;right:.25rem;top:.25rem;z-index:5}.indicator-dot[data-v-8b050150]{animation:pulse-8b050150 2s infinite;background:#10b981;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000001a;height:.5rem;width:.5rem}@keyframes pulse-8b050150{0%,to{opacity:1}50%{opacity:.7}}.icon-change-enter-active[data-v-8b050150],.icon-change-leave-active[data-v-8b050150]{transition:all .2s ease}.icon-change-enter-from[data-v-8b050150]{opacity:0;transform:scale(.8)}.icon-change-leave-to[data-v-8b050150]{opacity:0;transform:scale(1.2)}.breakpoint-button[data-v-8b050150]:focus{box-shadow:0 0 0 3px #3b82f64d;outline:none}.breakpoint-button[data-v-8b050150]:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width:640px){.breakpoint-buttons[data-v-8b050150]{grid-template-columns:repeat(3,1fr)}.breakpoint-range[data-v-8b050150]{display:none}.header-left[data-v-8b050150]{align-items:center;flex-direction:row;justify-content:space-between}}.preview-container[data-v-b36e8f3a]{contain-intrinsic-size:auto 1500px;content-visibility:auto}.builder-header[data-v-b36e8f3a]{align-items:center;display:flex;justify-content:space-between;padding:1rem}.header-actions[data-v-b36e8f3a]{display:flex;gap:.5rem}.builder-content[data-v-b36e8f3a]{display:flex;flex:1;overflow:hidden;position:relative}.panel[data-v-b36e8f3a]{border-right:1px solid #e2e8f0;overflow-y:scroll;scrollbar-color:#e2e8f0 #f1f5f9;scrollbar-width:thin}.palette[data-v-b36e8f3a]{padding:1rem;width:240px}.palette h2[data-v-b36e8f3a]{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.palette-section[data-v-b36e8f3a]{margin-bottom:1.5rem}.palette-section h3[data-v-b36e8f3a]{color:#64748b;font-size:.875rem;margin-bottom:.5rem;text-transform:uppercase}.palette-items[data-v-b36e8f3a]{display:grid;gap:.5rem}.palette-item[data-v-b36e8f3a]{align-items:center;border:1px solid #e2e8f0;border-radius:.375rem;cursor:move;display:flex;gap:.5rem;padding:.5rem;transition:all .2s}.palette-item[data-v-b36e8f3a]:hover{background:#eff6ff;border-color:#3b82f6}.canvas[data-v-b36e8f3a]{flex:1;padding:1.5rem;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}.template-settings[data-v-b36e8f3a]{margin-bottom:1.5rem}.settings-grid[data-v-b36e8f3a]{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.block-spacing-controls[data-v-b36e8f3a]{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.spacing-grid[data-v-b36e8f3a]{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.layout-builder[data-v-b36e8f3a]{min-height:500px}.layout-builder[data-v-b36e8f3a],.preview-container[data-v-b36e8f3a]{background:#fff;border-radius:.5rem;padding:1.5rem}.preview-container[data-v-b36e8f3a]{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:0}.breakpoint-selector-container[data-v-b36e8f3a],.device-selector[data-v-b36e8f3a]{display:flex;justify-content:center;margin-bottom:1rem}.device-selector[data-v-b36e8f3a]{gap:.5rem}.preview-frame[data-v-b36e8f3a]{background:#f7f7f7;border:1px solid var(--border-base-200);border-radius:.5rem;margin:0 auto;max-width:100%}.preview-desktop[data-v-b36e8f3a]{max-width:1200px}.preview-tablet[data-v-b36e8f3a]{max-width:768px}.preview-mobile[data-v-b36e8f3a]{max-width:375px}.inspector[data-v-b36e8f3a]{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;max-height:95vh;overflow:hidden;padding:0;position:fixed;right:.5rem;top:5.2rem;width:320px;z-index:20}.inspector-header[data-v-b36e8f3a]{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem}.inspector-header h2[data-v-b36e8f3a]{font-size:1.125rem;font-weight:600;margin:0}.close-inspector[data-v-b36e8f3a]{opacity:.6;transition:opacity .2s}.close-inspector[data-v-b36e8f3a]:hover{opacity:1}.inspector-section[data-v-b36e8f3a]{flex:1;min-height:0;overflow-y:auto;padding:1rem}.inspector-section h3[data-v-b36e8f3a]{font-size:.875rem;font-weight:600;margin-bottom:.75rem}.section-header[data-v-b36e8f3a]{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.props-list[data-v-b36e8f3a]{display:flex;flex-direction:column;gap:.75rem}.prop-stats[data-v-b36e8f3a]{display:flex;gap:.25rem}.props-preview[data-v-b36e8f3a]{margin-bottom:1rem}.preview-details[data-v-b36e8f3a]{border:1px solid #e5e7eb;border-radius:.375rem;overflow:hidden}.preview-summary[data-v-b36e8f3a]{background-color:#f9fafb;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem}.preview-list[data-v-b36e8f3a]{max-height:200px;overflow-y:auto;padding:.5rem}.preview-item[data-v-b36e8f3a]{align-items:center;border-radius:.25rem;display:flex;justify-content:space-between;margin-bottom:.25rem;padding:.5rem}.preview-item.auto-prop[data-v-b36e8f3a]{background-color:#eff6ff}.preview-info[data-v-b36e8f3a]{align-items:center;display:flex;gap:.5rem}.preview-label[data-v-b36e8f3a]{font-size:.875rem;font-weight:500}.preview-type[data-v-b36e8f3a]{background-color:#f3f4f6;color:#6b7280;font-size:.75rem}.auto-badge[data-v-b36e8f3a],.preview-type[data-v-b36e8f3a]{border-radius:.25rem;padding:.125rem .25rem}.auto-badge[data-v-b36e8f3a]{background-color:#3b82f6;color:#fff;font-size:.625rem;font-weight:600}.preview-value[data-v-b36e8f3a]{color:#6b7280;font-size:.75rem;max-width:120px;truncate:true}.accent-palette-item[data-v-b36e8f3a]{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.accent-palette-item[data-v-b36e8f3a]:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);border-color:#d97706;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.accent-instructions[data-v-b36e8f3a]{margin-bottom:.75rem}.accent-presets-mini[data-v-b36e8f3a]{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.accent-preset-grid[data-v-b36e8f3a]{display:grid;gap:.25rem;grid-template-columns:repeat(3,1fr)}.accent-preset-mini[data-v-b36e8f3a]{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.25rem;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;height:1.75rem;justify-content:center;overflow:hidden;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.accent-preset-mini[data-v-b36e8f3a]:hover{border-color:#3b82f6;box-shadow:0 1px 3px #0000001a;transform:scale(1.05)}.accent-counter[data-v-b36e8f3a]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;margin-top:1rem;padding:.5rem}.accent-dragging .visual-grid[data-v-b36e8f3a]{background:#fef3c7!important;border-color:#f59e0b!important}.accent-dragging .grid-cell[data-v-b36e8f3a]{border-color:#d97706!important}.accent-dragging .cell-element[data-v-b36e8f3a]{background:#fffbeb;outline:2px dashed #f59e0b;outline-offset:2px}.accents-list[data-v-b36e8f3a]{display:flex;flex-direction:column;gap:.5rem}.accent-item[data-v-b36e8f3a]{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:all .2s}.accent-item[data-v-b36e8f3a]:hover{background:#f8fafc;border-color:#3b82f6}.accent-item.accent-selected[data-v-b36e8f3a]{background:#eff6ff;border-color:#3b82f6}.accent-content[data-v-b36e8f3a]{flex:1;font-size:.875rem;font-weight:500}.accent-drop-zones[data-v-b36e8f3a]{inset:0;pointer-events:none;position:absolute;z-index:10}.accent-drop-zone[data-v-b36e8f3a]{align-items:center;background:#3b82f61a;border:2px dashed #3b82f6;border-radius:50%;display:flex;height:30px;justify-content:center;pointer-events:auto;position:absolute;transition:all .2s;width:30px}.accent-drop-zone[data-v-b36e8f3a]:hover{background:#3b82f633;border-color:#2563eb;transform:scale(1.1)}.zone-indicator[data-v-b36e8f3a]{color:#3b82f6;font-size:.75rem;font-weight:600}.zone-1[data-v-b36e8f3a]{left:5%;top:5%}.zone-2[data-v-b36e8f3a]{left:50%;top:5%;transform:translate(-50%)}.zone-3[data-v-b36e8f3a]{right:5%;top:5%}.zone-4[data-v-b36e8f3a]{left:5%;top:50%;transform:translateY(-50%)}.zone-5[data-v-b36e8f3a]{left:50%;top:50%;transform:translate(-50%,-50%)}.zone-6[data-v-b36e8f3a]{right:5%;top:50%;transform:translateY(-50%)}.zone-7[data-v-b36e8f3a]{bottom:5%;left:5%}.zone-8[data-v-b36e8f3a]{bottom:5%;left:50%;transform:translate(-50%)}.zone-9[data-v-b36e8f3a]{bottom:5%;right:5%}.cell-element[data-v-b36e8f3a]{position:relative}.version-history-section[data-v-b36e8f3a]{height:100%;margin:-1rem;padding:0}.grid-system-info[data-v-b36e8f3a]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;margin-bottom:1rem;padding:.75rem}.grid-system-info .text-gray-600[data-v-b36e8f3a]{color:#4b5563}.grid-system-info .text-xs[data-v-b36e8f3a]{color:#6b7280}.inspector-slide-enter-active[data-v-b36e8f3a],.inspector-slide-leave-active[data-v-b36e8f3a]{transform-origin:right center;transition:all .3s cubic-bezier(.4,0,.2,1)}.inspector-slide-enter-from[data-v-b36e8f3a],.inspector-slide-leave-to[data-v-b36e8f3a]{opacity:0;transform:translate(100%)}.fade-enter-active[data-v-b36e8f3a],.fade-leave-active[data-v-b36e8f3a]{transition:all .2s ease-in-out}.fade-enter-from[data-v-b36e8f3a],.fade-leave-to[data-v-b36e8f3a]{opacity:0;transform:translateY(10px)}.version-history-section[data-v-b36e8f3a]{display:flex;flex:1;flex-direction:column;overflow-y:auto;padding:1rem}.version-history-section .version-history[data-v-b36e8f3a]{border:none;border-radius:0}