.mode-toggle.svelte-1bzxj89{gap:.5rem;margin-bottom:1rem;display:flex}.mode-toggle.svelte-1bzxj89 button:where(.svelte-1bzxj89){flex:1}.preview-container.svelte-1bzxj89{border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);background:var(--pico-card-background-color);justify-content:center;align-items:center;min-height:300px;padding:1.5rem;display:flex;overflow:auto}.layout-canvas.svelte-1bzxj89{border:1px dashed var(--pico-muted-border-color);border-radius:var(--pico-border-radius);background:repeating-conic-gradient(#f0f0f0 0% 25%,#fff 0% 50%) 50%/20px 20px;justify-content:center;align-items:center;width:100%;min-height:250px;padding:1rem;display:flex}.layout-item.svelte-1bzxj89{color:#fff;border-radius:4px;justify-content:center;align-items:center;min-width:40px;font-size:.875rem;font-weight:600;transition:transform .15s;display:flex}.layout-item.svelte-1bzxj89:hover{transform:scale(1.05)}.item-label.svelte-1bzxj89{text-shadow:0 1px 2px #0000004d}.controls-grid.svelte-1bzxj89{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.control-group.svelte-1bzxj89{flex-direction:column;gap:.25rem;display:flex}.control-group.full-width.svelte-1bzxj89{grid-column:1/-1}.control-group.svelte-1bzxj89 label:where(.svelte-1bzxj89){font-size:.875rem;font-weight:500}.control-group.svelte-1bzxj89 label.switch:where(.svelte-1bzxj89){flex-direction:row;align-items:center;gap:.5rem}.control-group.svelte-1bzxj89 input[type=text]:where(.svelte-1bzxj89){width:100%;font-family:monospace}.section-header.svelte-1bzxj89{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.button-group.svelte-1bzxj89{gap:.5rem;display:flex}.output-settings.svelte-1bzxj89{align-items:center;gap:.5rem;display:flex}.items-editor.svelte-1bzxj89{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.item-editor.svelte-1bzxj89{border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);align-items:center;gap:.5rem;padding:.5rem .75rem;line-height:1;display:flex}.item-editor.svelte-1bzxj89 input.color-input:where(.svelte-1bzxj89){cursor:pointer;border:none;flex-shrink:0;width:32px;height:32px;margin-bottom:0;padding:0}.item-label-small.svelte-1bzxj89{font-size:.875rem;font-weight:500;line-height:32px}.remove-btn.svelte-1bzxj89{width:24px;height:24px;color:var(--pico-muted-color);cursor:pointer;text-align:center;flex-shrink:0;padding:0;font-size:1rem;line-height:24px;transition:color .15s;background:0 0!important;border:none!important}.remove-btn.svelte-1bzxj89:hover{color:#e53935;background:0 0!important}.code-block.svelte-1bzxj89{background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);white-space:pre;flex:1;padding:1rem;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto}.code-output-container.svelte-1bzxj89{flex-direction:column;gap:.5rem;display:flex}.code-output-container.svelte-1bzxj89 .output-settings:where(.svelte-1bzxj89){align-items:center;gap:.5rem;display:flex}.code-output-container.svelte-1bzxj89 .output-settings:where(.svelte-1bzxj89) select:where(.svelte-1bzxj89){width:auto}