.wrapper.svelte-1ocimbv{max-width:min(550px,95%);margin:0 auto;padding-top:25px;padding-bottom:60px;font-family:var(--serif);min-height:calc(100vh - var(--header-height))}.tab-bar.svelte-1ocimbv{display:flex;justify-content:center;gap:0;margin-bottom:24px}.tab.svelte-1ocimbv{background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;color:var(--color-1);font-family:var(--serif);font-size:16px;padding:8px 16px 6px;margin-bottom:-1px;opacity:.6;transition:all .12s linear}.tab.active.svelte-1ocimbv{border-bottom:2px solid var(--color-1);opacity:1}.tab.svelte-1ocimbv:hover{opacity:1}.drop-zone.svelte-1ocimbv{border:1.5px dashed var(--color-3);border-radius:15px;padding:50px 30px;text-align:center;cursor:pointer;transition:border-color .12s linear;margin-bottom:20px}.drop-zone.dragging.svelte-1ocimbv,.drop-zone.svelte-1ocimbv:hover{border-color:var(--color-1)}.drop-label.svelte-1ocimbv{font-size:18px;color:var(--color-1);margin:0 0 12px}.drop-sub.svelte-1ocimbv{font-size:15px;color:var(--color-1);opacity:.7;margin:0;line-height:1.5}.drop-sub.svelte-1ocimbv a:where(.svelte-1ocimbv){color:var(--color-1);text-decoration:underline;text-decoration-color:var(--color-2);text-underline-offset:3px}.drop-sub.svelte-1ocimbv a:where(.svelte-1ocimbv):hover{text-decoration-color:var(--color-1)}.controls-row.svelte-1ocimbv{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.control-label.svelte-1ocimbv{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--color-1);font-family:var(--serif)}.control-label.svelte-1ocimbv input[type=range]:where(.svelte-1ocimbv){flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1px;background:var(--color-2);outline:none;border:none;border-radius:0;cursor:pointer}.control-label.svelte-1ocimbv input[type=range]:where(.svelte-1ocimbv)::-webkit-slider-runnable-track{height:1px;background:var(--color-2)}.control-label.svelte-1ocimbv input[type=range]:where(.svelte-1ocimbv)::-moz-range-track{height:1px;background:var(--color-2);border:none}.control-label.svelte-1ocimbv input[type=range]:where(.svelte-1ocimbv)::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--color-1);margin-top:-5px;cursor:pointer}.control-label.svelte-1ocimbv input[type=range]:where(.svelte-1ocimbv)::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--color-1);border:none;cursor:pointer}.slider-val.svelte-1ocimbv{min-width:42px;font-size:14px;color:var(--color-1);opacity:.7}.layout-buttons.svelte-1ocimbv{display:flex;gap:10px;align-items:center;width:100%}.layout-buttons.svelte-1ocimbv button:where(.svelte-1ocimbv):not(.icon-btn){background:transparent;border:1px solid var(--color-2);border-radius:8px;color:var(--color-1);font-family:var(--serif);font-size:14px;padding:5px 12px;cursor:pointer;opacity:.65;transition:all .12s linear}.layout-buttons.svelte-1ocimbv button:where(.svelte-1ocimbv):not(.icon-btn):hover,.layout-buttons.svelte-1ocimbv button:not(.icon-btn).active:where(.svelte-1ocimbv){border-color:var(--color-1);opacity:1}.icon-btn.svelte-1ocimbv{background:none;border:none;cursor:pointer;padding:3px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .12s linear;flex-shrink:0}.icon-btn.svelte-1ocimbv:hover{opacity:1}.icon-btn.svelte-1ocimbv svg:where(.svelte-1ocimbv){width:100%;height:100%;fill:none;stroke:var(--color-1);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.canvas-container.svelte-1ocimbv{width:100%;margin-bottom:16px}canvas.svelte-1ocimbv{display:block;margin:0 auto;width:auto;height:auto;max-width:100%;max-height:70vh}.action-row.svelte-1ocimbv{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px;width:100%}.designer-hint.svelte-1ocimbv{font-size:15px;color:var(--color-1);opacity:.7;margin:0 0 16px;line-height:1.5}.preset-btn.svelte-1ocimbv{width:24px;background:none;border:none;cursor:pointer;padding:0;display:block;opacity:.3;transition:opacity .12s linear;flex-shrink:0}.preset-btn.svelte-1ocimbv:hover{opacity:.7}.preset-btn.active.svelte-1ocimbv{opacity:1}.preset-btn.svelte-1ocimbv svg:where(.svelte-1ocimbv){width:100%;height:auto;display:block;fill:var(--color-1)}.svg-wrapper.svelte-1ocimbv{width:100%;margin-bottom:0}.trash-btn.svelte-1ocimbv{margin-left:auto;background:none;border:none;cursor:pointer;padding:4px;opacity:.3;transition:opacity .12s linear;display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}.trash-btn.svelte-1ocimbv:hover{opacity:.8}.trash-btn.svelte-1ocimbv svg:where(.svelte-1ocimbv){width:100%;height:100%;fill:none;stroke:var(--color-1);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.designer-svg.svelte-1ocimbv{width:100%;aspect-ratio:1 / 1;background:var(--color-4);display:block;cursor:crosshair}.grid-line.svelte-1ocimbv{stroke:currentColor;stroke-width:.002;opacity:.15;pointer-events:none}.designer-dot.svelte-1ocimbv{fill:var(--color-3);cursor:grab;transition:fill 80ms linear;outline:none}.designer-dot.svelte-1ocimbv:hover,.designer-dot.selected.svelte-1ocimbv{fill:var(--color-1)}.designer-dot.svelte-1ocimbv:active{cursor:grabbing}