.control-wrapper.svelte-19duvl1{position:relative;width:-moz-fit-content;width:fit-content;max-width:100%}.control-content-wrapper.svelte-19duvl1{position:relative;display:inline-block;width:-moz-fit-content;width:fit-content}.control-wrapper.selected.svelte-19duvl1{outline:2px solid #3b82f6;outline-offset:2px}.control-wrapper.dragging.svelte-19duvl1{opacity:.5;transform:rotate(3deg)}.layout-container-content.svelte-19duvl1{position:relative;min-height:40px;border-radius:4px;transition:all .2s ease}.layout-container-content.drag-over.svelte-19duvl1{background-color:#3b82f61a;border:2px dashed #3b82f6}.empty-container.svelte-19duvl1{padding:20px;text-align:center;color:#6b7280;font-size:14px;font-style:italic;border:2px dashed #d1d5db;border-radius:6px;background-color:#f9fafb80}.delete-control-btn.svelte-19duvl1{pointer-events:auto;top:-8px;right:-8px}.drag-handle.svelte-19duvl1{position:absolute;top:2px;left:2px;width:12px;height:12px;cursor:grab;z-index:1000;background-color:#3b82f61a;border-radius:3px;border:1px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.control-wrapper.svelte-19duvl1:hover .drag-handle:where(.svelte-19duvl1){opacity:1}.drag-handle.svelte-19duvl1:hover{background-color:#3b82f633;border-color:#3b82f680}.drag-handle.svelte-19duvl1:active{cursor:grabbing}.drag-dots.svelte-19duvl1{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:1px;width:6px;height:6px}.dot.svelte-19duvl1{width:1px;height:1px;background-color:#3b82f6;border-radius:50%}.insertion-indicator.svelte-19duvl1{height:2px;background-color:#3b82f6;margin:2px 0;border-radius:1px;opacity:.8;position:relative}.insertion-indicator.svelte-19duvl1:before{content:"";position:absolute;left:-4px;top:-2px;width:6px;height:6px;background-color:#3b82f6;border-radius:50%}.insertion-indicator.svelte-19duvl1:after{content:"";position:absolute;right:-4px;top:-2px;width:6px;height:6px;background-color:#3b82f6;border-radius:50%}.flex-item.svelte-19duvl1{flex:0 0 auto}.grid-item.svelte-19duvl1{grid-column:auto;grid-row:auto}.flow-item.svelte-19duvl1{margin-bottom:8px}.relative-item.svelte-19duvl1{position:absolute}.preview-mode.svelte-19duvl1{cursor:default}.preview-mode.svelte-19duvl1:hover{outline:none}.alignment-guides.svelte-qhfe7f{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.guide.svelte-qhfe7f{position:absolute;background:#3b82f680;animation:svelte-qhfe7f-fadeIn .15s ease-out}.guide-vertical.svelte-qhfe7f{width:1px;top:0}.guide-horizontal.svelte-qhfe7f{height:1px;left:0}.guide-label.svelte-qhfe7f{position:absolute;background:#3b82f6e6;color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600;white-space:nowrap;pointer-events:none}.guide-vertical.svelte-qhfe7f .guide-label:where(.svelte-qhfe7f){top:4px;left:4px}.guide-horizontal.svelte-qhfe7f .guide-label:where(.svelte-qhfe7f){top:4px;left:4px}@keyframes svelte-qhfe7f-fadeIn{0%{opacity:0}to{opacity:1}}.spacing-visualizer.svelte-5f9k3o{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px}.spacing-layer.svelte-5f9k3o{position:absolute;top:0;left:0;right:0;bottom:0;box-sizing:border-box}.margin-layer.svelte-5f9k3o{background:#ffa50026;border:1px dashed rgba(255,165,0,.5)}.padding-layer.svelte-5f9k3o{background:#4caf5026;border:1px dashed rgba(76,175,80,.5)}.content-area.svelte-5f9k3o{background:#2196f31a;border:1px solid rgba(33,150,243,.3);box-sizing:border-box}.spacing-label.svelte-5f9k3o{position:absolute;background:#000000bf;color:#fff;padding:2px 6px;border-radius:3px;font-weight:600;white-space:nowrap;font-size:10px;line-height:1}.margin-label-top.svelte-5f9k3o{top:2px;left:50%;transform:translate(-50%);background:#ff8c00e6}.margin-label-right.svelte-5f9k3o{top:50%;right:2px;transform:translateY(-50%);background:#ff8c00e6}.margin-label-bottom.svelte-5f9k3o{bottom:2px;left:50%;transform:translate(-50%);background:#ff8c00e6}.margin-label-left.svelte-5f9k3o{top:50%;left:2px;transform:translateY(-50%);background:#ff8c00e6}.padding-label-top.svelte-5f9k3o{top:2px;left:50%;transform:translate(-50%);background:#4caf50e6}.padding-label-right.svelte-5f9k3o{top:50%;right:2px;transform:translateY(-50%);background:#4caf50e6}.padding-label-bottom.svelte-5f9k3o{bottom:2px;left:50%;transform:translate(-50%);background:#4caf50e6}.padding-label-left.svelte-5f9k3o{top:50%;left:2px;transform:translateY(-50%);background:#4caf50e6}.content-label.svelte-5f9k3o{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#2196f3e6;color:#fff;padding:3px 8px;border-radius:3px;font-weight:600;font-size:11px}.gap-indicator.svelte-5f9k3o{position:absolute;top:-24px;right:0}.gap-label.svelte-5f9k3o{background:#9c27b0e6;color:#fff;padding:3px 8px;border-radius:3px;font-weight:600;font-size:10px}.responsive-canvas-wrapper.svelte-o4ydsk{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem;height:100%;overflow:auto;background:#f3f4f6}.breakpoint-info.svelte-o4ydsk{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;margin-bottom:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;font-size:.875rem}.breakpoint-icon.svelte-o4ydsk{font-size:1.25rem;line-height:1}.breakpoint-label.svelte-o4ydsk{font-weight:600;color:#374151}.breakpoint-dimensions.svelte-o4ydsk{color:#6b7280;font-family:Courier New,monospace}.device-frame.svelte-o4ydsk{position:relative;background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:.5rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-frame.svelte-o4ydsk{border:8px solid #1f2937;border-radius:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 0 0 1px #ffffff1a}.tablet-frame.svelte-o4ydsk{border:12px solid #374151;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 0 0 1px #ffffff1a}.desktop-frame.svelte-o4ydsk{border:2px solid #e5e7eb;border-radius:.5rem}.canvas.svelte-o4ydsk{width:100%;height:100%;transition:none}.export-settings-content.svelte-17gur8k{padding:.75rem}.framework-toggle.svelte-17gur8k{display:flex;flex-direction:column;gap:.5rem}.framework-option.svelte-17gur8k{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.framework-option.svelte-17gur8k:hover{border-color:#d1d5db;background:#f9fafb}.framework-option.active.svelte-17gur8k{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px #3b82f61a}.framework-icon.svelte-17gur8k{font-size:1.5rem;flex-shrink:0}.framework-info.svelte-17gur8k{flex:1;min-width:0}.framework-name.svelte-17gur8k{font-weight:600;color:#1f2937;font-size:.875rem}.framework-desc.svelte-17gur8k{font-size:.75rem;color:#6b7280;margin-top:.125rem}.framework-option.active.svelte-17gur8k .framework-name:where(.svelte-17gur8k){color:#2563eb}.framework-option.active.svelte-17gur8k .framework-desc:where(.svelte-17gur8k){color:#3b82f6}.tailwind-note.svelte-17gur8k{animation:svelte-17gur8k-slideIn .2s ease-out}@keyframes svelte-17gur8k-slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.framework-selector.svelte-17gur8k{display:flex;flex-direction:column;gap:.75rem}.framework-select.svelte-17gur8k{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;cursor:pointer;transition:all .15s ease}.framework-select.svelte-17gur8k:hover{border-color:#9ca3af}.framework-select.svelte-17gur8k:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.framework-note.svelte-17gur8k{padding:.75rem;border-radius:.5rem;border:1px solid;animation:svelte-17gur8k-slideIn .2s ease-out}.framework-note.shadcn.svelte-17gur8k{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.framework-note.skeleton.svelte-17gur8k{background:#f5f3ff;border-color:#ddd6fe;color:#5b21b6}.framework-note.flowbite.svelte-17gur8k{background:#fdf4ff;border-color:#f0abfc;color:#a21caf}.framework-note.default.svelte-17gur8k{background:#f9fafb;border-color:#e5e7eb;color:#374151}.framework-note-header.svelte-17gur8k{margin-bottom:.5rem;font-size:.875rem}.framework-note-content.svelte-17gur8k{font-size:.75rem;line-height:1.5}.framework-note-content.svelte-17gur8k p:where(.svelte-17gur8k){margin:0}.framework-link.svelte-17gur8k{display:inline-block;margin-top:.5rem;color:inherit;text-decoration:underline;font-weight:500;transition:opacity .15s ease}.framework-link.svelte-17gur8k:hover{opacity:.8}.validation-message.svelte-131j2p3{animation:svelte-131j2p3-fadeIn .2s ease-in}@keyframes svelte-131j2p3-fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}code.svelte-131j2p3{font-family:Courier New,monospace;font-size:.85em}.property-input-wrapper.svelte-131j2p3{width:100%}.input-container.svelte-131j2p3{position:relative;display:flex;align-items:center;gap:.5rem}.control-name-display.svelte-131j2p3{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;transition:all .15s ease;min-height:2.5rem;display:flex;align-items:center;background:#fff;width:100%}.control-name-display.svelte-131j2p3:hover{border-color:#9ca3af;background:#f9fafb}.control-name-display.svelte-131j2p3:focus{outline:2px solid #3b82f6;outline-offset:2px}.control-name-display.has-value.svelte-131j2p3{font-weight:500}.control-name-input.svelte-131j2p3{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;min-width:0}.control-name-input.svelte-131j2p3:focus{outline:2px solid #3b82f6;outline-offset:2px}.edit-actions.svelte-131j2p3{display:flex;gap:.25rem;flex-shrink:0}.edit-action-btn.svelte-131j2p3{width:1.75rem;height:1.75rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s ease;border:1px solid transparent;flex-shrink:0}.cancel-btn.svelte-131j2p3{background:#fee;color:#dc2626}.cancel-btn.svelte-131j2p3:hover{background:#fca5a5;border-color:#dc2626}.confirm-btn.svelte-131j2p3{background:#efe;color:#16a34a}.confirm-btn.svelte-131j2p3:hover:not(.disabled){background:#86efac;border-color:#16a34a}.confirm-btn.disabled.svelte-131j2p3{opacity:.5;cursor:not-allowed}.responsive-property-field.svelte-8hl91d{margin-bottom:1rem}.property-label-row.svelte-8hl91d{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.property-label.svelte-8hl91d{font-size:.875rem;font-weight:500;color:#374151;display:flex;align-items:center;gap:.25rem}.responsive-badge.svelte-8hl91d{font-size:.75rem;opacity:.7}.breakpoint-indicators.svelte-8hl91d{display:flex;gap:.25rem}.breakpoint-indicator.svelte-8hl91d{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;border:1px solid #e5e7eb;background:#f9fafb;transition:all .15s ease;opacity:.5}.breakpoint-indicator.active.svelte-8hl91d{opacity:1;border-color:#3b82f6;background:#dbeafe}.breakpoint-indicator.has-value.svelte-8hl91d{opacity:1;border-color:#10b981;background:#d1fae5}.breakpoint-indicator.has-value.active.svelte-8hl91d{border-color:#3b82f6;background:#bfdbfe;box-shadow:0 0 0 2px #10b981}.bp-icon.svelte-8hl91d{font-size:.75rem}.input-wrapper.svelte-8hl91d{position:relative;display:flex;align-items:center;gap:.5rem}.property-input.svelte-8hl91d{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .15s ease}.property-input.svelte-8hl91d:focus{outline:2px solid #3b82f6;outline-offset:2px;border-color:#3b82f6}.property-input.inherited.svelte-8hl91d{background:#f9fafb;border-style:dashed;font-style:italic}.clear-btn.svelte-8hl91d{width:1.75rem;height:1.75rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;cursor:pointer;border:1px solid #fee;background:#fee;color:#dc2626;transition:all .15s ease;flex-shrink:0}.clear-btn.svelte-8hl91d:hover{background:#fca5a5;border-color:#dc2626}.inheritance-info.svelte-8hl91d{display:flex;align-items:center;gap:.375rem;margin-top:.375rem;padding:.25rem .5rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:.25rem;font-size:.75rem;color:#0369a1}.inheritance-icon.svelte-8hl91d{font-size:.875rem}.inheritance-text.svelte-8hl91d{font-style:italic}.codemirror-container.svelte-6x46of{border:1px solid #e1e5e9}.layout-toolbar.svelte-8a7uoo{-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:48px}.toolbar-btn.svelte-8a7uoo{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;border:1px solid #e5e7eb;border-radius:4px;background:#fff;color:#374151;cursor:pointer;transition:all .15s}.toolbar-btn.svelte-8a7uoo:hover:not(:disabled){background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.toolbar-btn.svelte-8a7uoo:active:not(:disabled){background:#e5e7eb}.toolbar-btn.svelte-8a7uoo:disabled{opacity:.4;cursor:not-allowed}.spacing-input.svelte-8a7uoo{width:60px;padding:4px 8px;border:1px solid #e5e7eb;border-radius:4px;font-size:12px;text-align:center}.spacing-input.svelte-8a7uoo:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.spacing-control.svelte-8a7uoo{position:relative;display:flex;flex-direction:column;gap:.5rem}.preset-toggle-btn.svelte-8a7uoo{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:2px;border:1px solid #e5e7eb;border-radius:4px;background:#fff;color:#6b7280;cursor:pointer;transition:all .15s;font-size:12px}.preset-toggle-btn.svelte-8a7uoo:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.preset-buttons.svelte-8a7uoo{position:absolute;top:100%;left:0;margin-top:4px;display:flex;gap:4px;padding:6px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:10;animation:svelte-8a7uoo-slideDown .15s ease-out}@keyframes svelte-8a7uoo-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.preset-btn.svelte-8a7uoo{display:flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:4px 8px;border:1px solid #e5e7eb;border-radius:4px;background:#fff;color:#374151;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.preset-btn.svelte-8a7uoo:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.preset-btn.active.svelte-8a7uoo{background:#3b82f6;border-color:#3b82f6;color:#fff}.preset-btn.active.svelte-8a7uoo:hover{background:#2563eb;border-color:#2563eb}.breakpoint-selector.svelte-1xhtti5{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px #0000000d}.breakpoint-label.svelte-1xhtti5{font-size:.875rem;font-weight:500;color:#6b7280}.breakpoint-buttons.svelte-1xhtti5{display:flex;gap:.25rem;background:#f3f4f6;padding:.25rem;border-radius:.375rem}.breakpoint-btn.svelte-1xhtti5{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:none;background:transparent;border-radius:.25rem;cursor:pointer;transition:all .15s ease;color:#6b7280;font-size:.875rem;font-weight:500}.breakpoint-btn.svelte-1xhtti5:hover{background:#e5e7eb;color:#374151}.breakpoint-btn.active.svelte-1xhtti5{background:#fff;color:#1f2937;box-shadow:0 1px 3px #0000001a}.breakpoint-icon.svelte-1xhtti5{font-size:1.25rem;line-height:1}.breakpoint-name.svelte-1xhtti5{font-weight:500}@media (max-width: 640px){.breakpoint-name.svelte-1xhtti5{display:none}.breakpoint-btn.svelte-1xhtti5{padding:.5rem}}.preview-modal-backdrop.svelte-18zea6o{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1.25rem;box-sizing:border-box}.preview-modal-container.svelte-18zea6o{background:#fff;border-radius:.5rem;max-width:95vw;max-height:90vh;width:1400px;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.preview-modal-header.svelte-18zea6o{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;gap:1rem}.preview-modal-title.svelte-18zea6o{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.preview-view-toggle.svelte-18zea6o{display:flex;gap:.5rem;background:#f3f4f6;padding:.25rem;border-radius:.375rem}.view-toggle-btn.svelte-18zea6o{padding:.5rem 1rem;background:transparent;border:none;border-radius:.25rem;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease}.view-toggle-btn.svelte-18zea6o:hover{color:#374151;background:#e5e7eb}.view-toggle-btn.active.svelte-18zea6o{background:#fff;color:#1f2937;box-shadow:0 1px 3px #0000001a}.preview-modal-close.svelte-18zea6o{background:transparent;border:none;font-size:2rem;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:.25rem;line-height:1;transition:all .15s ease}.preview-modal-close.svelte-18zea6o:hover{background:#f3f4f6;color:#1f2937}.single-device-selector.svelte-18zea6o{display:flex;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.device-select-btn.svelte-18zea6o{flex:1;padding:.75rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#4b5563;cursor:pointer;transition:all .15s ease}.device-select-btn.svelte-18zea6o:hover{border-color:#9ca3af;background:#f9fafb}.device-select-btn.active.svelte-18zea6o{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 1px 3px #3b82f64d}.preview-modal-content.svelte-18zea6o{flex:1;padding:2rem;overflow-y:auto;background:#f9fafb}.preview-grid.svelte-18zea6o{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;justify-items:center}.preview-device.svelte-18zea6o{display:flex;flex-direction:column;gap:1rem;align-items:center}.preview-single.svelte-18zea6o{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.preview-device-header.svelte-18zea6o{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.device-icon.svelte-18zea6o{font-size:1.25rem}.device-name.svelte-18zea6o{font-weight:600;color:#1f2937}.device-dimensions.svelte-18zea6o{color:#6b7280;font-size:.875rem;margin-left:auto}.preview-device-frame.svelte-18zea6o{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;overflow:hidden;position:relative}.mobile-frame.svelte-18zea6o{border:8px solid #1f2937;border-radius:2rem}.tablet-frame.svelte-18zea6o{border:12px solid #374151;border-radius:1.5rem}.desktop-frame.svelte-18zea6o{border:2px solid #e5e7eb;border-radius:.5rem}.preview-device-content.svelte-18zea6o{width:100%;height:100%;overflow:hidden;background:#fff}.preview-canvas.svelte-18zea6o{width:100%;height:100%;position:relative;background:#fff}.preview-modal-footer.svelte-18zea6o{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.preview-footer-text.svelte-18zea6o{margin:0;font-size:.875rem;color:#6b7280;text-align:center}.preview-modal-content.svelte-18zea6o::-webkit-scrollbar{width:8px}.preview-modal-content.svelte-18zea6o::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.preview-modal-content.svelte-18zea6o::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.preview-modal-content.svelte-18zea6o::-webkit-scrollbar-thumb:hover{background:#a8a8a8}textarea.svelte-4w8dww::-webkit-scrollbar{width:8px}textarea.svelte-4w8dww::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}textarea.svelte-4w8dww::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}textarea.svelte-4w8dww::-webkit-scrollbar-thumb:hover{background:#a8a8a8}main.svelte-1uha8ag{height:100vh;display:flex;flex-direction:column}header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#fff;border-bottom:1px solid #e5e5e5;z-index:10}h1.svelte-1uha8ag{margin:0;font-size:24px;color:#212529}.demo-link.svelte-1uha8ag{display:inline-flex;align-items:center;gap:.5rem;background:#10b981;color:#fff;text-decoration:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:background-color .2s ease}.demo-link.svelte-1uha8ag:hover{background:#059669}.header-actions.svelte-1uha8ag .generate-btn:where(.svelte-1uha8ag){background:#007bff;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.header-actions.svelte-1uha8ag .generate-btn:where(.svelte-1uha8ag):hover:not(:disabled){background:#0056b3}.header-actions.svelte-1uha8ag .generate-btn:where(.svelte-1uha8ag):disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.editor-container.svelte-1uha8ag{flex:1;width:100%;overflow:hidden}