.popover.svelte-okkiwd{position:fixed;top:var(--gap-md);right:var(--gap-md);z-index:2000;max-width:25rem;pointer-events:auto}.popover-content.svelte-okkiwd{background:var(--color-surface);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--gap-md);box-shadow:var(--shadow-lg);display:flex;align-items:flex-start;gap:var(--gap-sm)}.popover-message.svelte-okkiwd{flex:1;color:var(--color-text);font-size:var(--f-0);line-height:1.4}.popover-close.svelte-okkiwd{width:1.5rem;height:1.5rem;padding:0;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.25em;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s ease}.popover-close.svelte-okkiwd:hover{color:var(--color-text)}@media(max-width:900px){.popover.svelte-okkiwd{top:var(--gap-md);left:var(--gap-md);right:var(--gap-md);max-width:none}}.canvas-container.svelte-1dlqrlz{flex:1;display:flex;align-items:center;justify-content:center;background:var(--color-surface-alt);overflow:hidden;position:relative;touch-action:none}.background-content.svelte-1dlqrlz{position:absolute;top:var(--gap-md);left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:0;pointer-events:none}.canvas-frame.svelte-1dlqrlz{transform-origin:center center;transition:transform .1s ease-out;box-shadow:var(--shadow-lg);border-radius:var(--radius-md);position:relative;z-index:1}canvas.svelte-1dlqrlz{display:block;border:3px solid var(--color-border-dark);border-radius:var(--radius-md);cursor:pointer}.canvas-container.dragging.svelte-1dlqrlz canvas:where(.svelte-1dlqrlz){cursor:grabbing}.zoom-controls.svelte-1dlqrlz{position:absolute;bottom:var(--gap-md);left:50%;transform:translate(-50%);display:flex;align-items:stretch;z-index:10}.zoom-reset-btn.svelte-1dlqrlz{padding:var(--gap-sm) var(--gap-md);font-size:var(--f-1);font-weight:500;background:var(--color-surface);border:2px solid var(--color-border-dark);border-radius:var(--radius-md) 0 0 var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all .1s ease;box-shadow:var(--shadow-sm)}.zoom-reset-btn.svelte-1dlqrlz:hover{background:var(--color-surface-alt);color:var(--color-cta)}.zoom-input-wrap.svelte-1dlqrlz{display:flex;align-items:center;background:var(--color-surface-alt);padding-right:var(--gap-sm);border:1px solid var(--color-border);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:var(--shadow-sm)}.zoom-input.svelte-1dlqrlz{width:3.5rem;padding:var(--gap-sm);font-size:1.25rem;font-family:monospace;text-align:right;color:var(--color-cta);background:transparent;border:none;-moz-appearance:textfield;appearance:textfield}.zoom-input.svelte-1dlqrlz::-webkit-outer-spin-button,.zoom-input.svelte-1dlqrlz::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.zoom-input.svelte-1dlqrlz:focus{outline:none}.zoom-suffix.svelte-1dlqrlz{font-size:var(--f-0);color:var(--color-text-muted)}@media(max-width:56.25rem){.zoom-controls.svelte-1dlqrlz{bottom:var(--gap-sm);left:auto;right:var(--gap-sm);transform:none}.zoom-reset-btn.svelte-1dlqrlz{padding:var(--gap-xs) var(--gap-sm);font-size:var(--f-0);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.zoom-input-wrap.svelte-1dlqrlz{padding-right:var(--gap-xs);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.zoom-input.svelte-1dlqrlz{width:2.5rem;padding:var(--gap-xs);font-size:1rem}.zoom-suffix.svelte-1dlqrlz{font-size:var(--f-00)}}.symbol-picker.svelte-1606pu{display:flex;flex-direction:column;gap:var(--gap-sm)}.tabs.svelte-1606pu{display:grid;grid-template-columns:1fr 1fr;background:var(--color-surface-alt);border-radius:var(--radius-md);padding:.1875rem;gap:.1875rem}.tab.svelte-1606pu{padding:var(--gap-xs) var(--gap-sm);font-size:var(--f-00);font-weight:500;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all .15s ease;white-space:nowrap;text-align:center}.tab.svelte-1606pu:hover:not(.active){color:var(--color-text);background:var(--color-surface)}.tab.active.svelte-1606pu{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.symbols-grid.svelte-1606pu{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-xs);max-height:20rem;overflow-y:auto;padding-right:.5rem}.symbol-btn.svelte-1606pu{height:3.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.25rem;cursor:pointer;transition:all .15s ease;position:relative}.symbol-btn.svelte-1606pu:hover{background:var(--color-surface);border-color:var(--color-cta)}.symbol-img-wrap.svelte-1606pu{display:flex;align-items:center;justify-content:center;flex:1 0 auto;width:100%}.symbol-preview.svelte-1606pu{width:2rem;height:2rem;object-fit:contain;flex-shrink:0}.symbol-name.svelte-1606pu{font-size:.5rem;font-weight:600;color:var(--color-text-muted);line-height:1;flex-shrink:0}.symbol-name.svelte-1606pu:empty{display:none}.variant-indicator.svelte-1606pu{position:absolute;top:.125rem;right:.25rem;font-size:.5rem;font-weight:700;color:var(--color-accent)}.variants-panel.svelte-1606pu{display:flex;flex-direction:column;gap:var(--gap-md)}.back-btn.svelte-1606pu{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--f-0);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.back-btn.svelte-1606pu:hover{border-color:var(--color-cta);color:var(--color-text);background:var(--color-surface-alt)}.variants-title.svelte-1606pu{font-size:var(--f-0);font-weight:600;color:var(--color-text)}.variants-grid.svelte-1606pu{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-sm)}.variant-btn.svelte-1606pu{display:flex;flex-direction:column;align-items:center;gap:var(--gap-sm);padding:var(--gap-md);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--f-0);color:var(--color-text);cursor:pointer;transition:all .15s ease}.variant-btn.svelte-1606pu:hover{background:var(--color-surface);border-color:var(--color-cta)}.variant-preview.svelte-1606pu{width:3em;height:3em;object-fit:contain}.element-item-wrapper.svelte-1ln0wct{position:relative;flex-shrink:0}.element-item.svelte-1ln0wct{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--gap-xs);cursor:pointer;transition:all .15s ease;margin:0}.element-item.svelte-1ln0wct:hover{border-color:var(--color-accent)}.element-item.selected.svelte-1ln0wct{border-color:var(--color-cta);background:var(--color-success-bg);box-shadow:0 0 0 .1875rem #46c07d26}.element-content.svelte-1ln0wct{display:flex;flex-direction:column;align-items:center;justify-content:center}.element-preview.svelte-1ln0wct{width:2rem;height:2rem;flex-shrink:0;object-fit:contain}.element-name.svelte-1ln0wct{font-size:var(--f-0000);font-weight:600;color:var(--color-text-muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:1.2}.delete-btn.svelte-1ln0wct{position:absolute;top:-.375rem;right:-.375rem;width:1.125rem;height:1.125rem;background:var(--color-error);color:var(--color-white);border:none;border-radius:50%;font-size:.875rem;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;opacity:0;transition:opacity .15s ease}.element-item-wrapper.svelte-1ln0wct:hover .delete-btn:where(.svelte-1ln0wct){opacity:1}.delete-btn.always-visible.svelte-1ln0wct{opacity:1}.delete-btn.svelte-1ln0wct:hover{background:var(--color-error);filter:brightness(.85)}.designer-page.svelte-1l1t05e{display:grid;grid-template-columns:20rem 1fr;min-height:25rem;height:100vh;overflow:hidden}.sidebar.svelte-1l1t05e{background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto}.logo-wrap.svelte-1l1t05e{padding:var(--gap-lg);padding-bottom:var(--gap-md);border-bottom:1px solid var(--color-border)}.logo-center.svelte-1l1t05e{margin:0 auto;width:fit-content}.page-title.svelte-1l1t05e{font-size:var(--f-1);font-weight:600;color:var(--color-text);margin-top:var(--gap-sm);line-height:1.3}.current-brand.svelte-1l1t05e{display:flex;align-items:center;gap:var(--gap-xs);margin-top:var(--gap-xs)}.current-brand-label.svelte-1l1t05e{font-size:var(--f-00);color:var(--color-text-muted)}.current-brand-name.svelte-1l1t05e{flex:1;padding:var(--gap-xs) var(--gap-sm);font-size:var(--f-0);font-weight:500;color:var(--color-text);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);transition:all .15s ease}.current-brand-name.svelte-1l1t05e:hover{border-color:var(--color-border)}.current-brand-name.svelte-1l1t05e:focus{outline:none;border-color:var(--color-cta);background:var(--color-surface)}.section.svelte-1l1t05e{padding:var(--gap-md) var(--gap-lg);border-bottom:1px solid var(--color-border)}.section.svelte-1l1t05e h2:where(.svelte-1l1t05e){font-size:var(--f-0);font-weight:600;color:var(--color-text);margin-bottom:var(--gap-md)}.control-group.svelte-1l1t05e{margin-bottom:var(--gap-md)}.control-group.svelte-1l1t05e h3:where(.svelte-1l1t05e){font-size:var(--f-00);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--gap-sm)}.rotation-grid-3x3.svelte-1l1t05e{display:grid;grid-template-columns:repeat(3,minmax(2.75rem,1fr));grid-template-rows:repeat(3,minmax(2.75rem,1fr));gap:.25rem;width:100%;max-width:9.75rem;aspect-ratio:1}.rotation-btn.svelte-1l1t05e{width:100%;aspect-ratio:1;font-size:var(--f-00);padding:0;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .1s ease;display:flex;align-items:center;justify-content:center}.rotation-btn.svelte-1l1t05e:hover{border-color:var(--color-accent);color:var(--color-text)}.rotation-btn.active.svelte-1l1t05e{background:var(--color-cta);border-color:var(--color-cta);color:var(--color-white)}.flip-center-btn.svelte-1l1t05e{width:100%;aspect-ratio:1;padding:0;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .1s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem}.flip-center-btn.svelte-1l1t05e:hover{border-color:var(--color-accent);color:var(--color-text)}.flip-center-btn.active.svelte-1l1t05e{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.flip-icon.svelte-1l1t05e{font-size:1.125rem;line-height:1}.flip-label.svelte-1l1t05e{font-size:.5625rem;text-transform:uppercase;letter-spacing:.05em}.slider-control.svelte-1l1t05e{display:flex;flex-direction:column;gap:var(--gap-xs);margin-bottom:var(--gap-sm)}.slider-row.svelte-1l1t05e{display:flex;align-items:center;gap:var(--gap-sm)}.slider-label.svelte-1l1t05e{width:1rem;font-size:var(--f-0);font-weight:500;color:var(--color-text-muted)}.slider-control.svelte-1l1t05e input[type=range]:where(.svelte-1l1t05e){flex:1;height:.375rem;padding:.5rem 0;margin:0;border:none;accent-color:var(--color-cta);box-sizing:content-box}.input-wrapper.svelte-1l1t05e{display:flex;align-items:center;gap:var(--gap-xs);padding:var(--gap-xs) var(--gap-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:text}.input-wrapper.svelte-1l1t05e:focus-within{border-color:var(--color-cta)}.input-wrapper.svelte-1l1t05e input:where(.svelte-1l1t05e){flex:1;width:100%;padding:0;font-size:1rem;font-family:monospace;text-align:center;border:none;background:transparent;outline:none;-moz-appearance:textfield;appearance:textfield}.input-wrapper.svelte-1l1t05e input:where(.svelte-1l1t05e)::-webkit-outer-spin-button,.input-wrapper.svelte-1l1t05e input:where(.svelte-1l1t05e)::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-wrapper.svelte-1l1t05e .suffix:where(.svelte-1l1t05e){font-size:var(--f-0);color:var(--color-text-muted);font-weight:500}.editing-section.svelte-1l1t05e{position:relative}.editing-header.svelte-1l1t05e{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-md) var(--gap-lg);margin:calc(-1 * var(--gap-md)) calc(-1 * var(--gap-lg)) 0;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.header-back-btn.svelte-1l1t05e{width:2.25rem;height:2.25rem;padding:0;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.header-back-btn.svelte-1l1t05e:hover{border-color:var(--color-cta);color:var(--color-text);background:var(--color-surface)}.editing-title.svelte-1l1t05e{flex:1;font-size:var(--f-0);font-weight:600;color:var(--color-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.header-delete-btn.svelte-1l1t05e{width:2.25rem;height:2.25rem;padding:0;background:var(--color-surface-alt);border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.header-delete-btn.svelte-1l1t05e:hover{border-color:var(--color-error);color:var(--color-error);background:var(--color-error-light)}.header-delete-btn.svelte-1l1t05e svg{width:1.125rem;height:1.125rem}.editing-controls-row.svelte-1l1t05e{display:flex;gap:var(--gap-md);margin-top:var(--gap-md)}.editing-controls-left.svelte-1l1t05e,.editing-controls-right.svelte-1l1t05e{flex:0 0 50%}.editing-controls-left.svelte-1l1t05e .rotation-grid-3x3:where(.svelte-1l1t05e){grid-template-columns:repeat(3,minmax(2.5rem,1fr));grid-template-rows:repeat(3,minmax(2.5rem,1fr));gap:.1875rem;max-width:8.25rem}.editing-controls-left.svelte-1l1t05e .flip-icon:where(.svelte-1l1t05e){font-size:.875rem}.editing-controls-left.svelte-1l1t05e .flip-label:where(.svelte-1l1t05e){font-size:.5rem}.section-divider.svelte-1l1t05e{border:none;border-top:1px solid var(--color-border);margin:var(--gap-sm) 0}.clear-all-section.svelte-1l1t05e h3:where(.svelte-1l1t05e){font-size:var(--f-00);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--gap-sm)}.danger-btn.svelte-1l1t05e{width:100%;font-size:var(--f-0);padding:var(--gap-sm);background:transparent;border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);cursor:pointer;transition:all .15s ease}.danger-btn.svelte-1l1t05e:hover{background:var(--color-error-light)}.bottom-section.svelte-1l1t05e{margin-top:auto;border-top:1px solid var(--color-border);border-bottom:none;display:flex;flex-direction:column;gap:var(--gap-md)}.stroke-details.svelte-1l1t05e{font-size:var(--f-0)}.stroke-details.svelte-1l1t05e summary:where(.svelte-1l1t05e){color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease}.stroke-details.svelte-1l1t05e summary:where(.svelte-1l1t05e):hover{color:var(--color-text)}.stroke-details[open].svelte-1l1t05e summary:where(.svelte-1l1t05e){color:var(--color-text);margin-bottom:var(--gap-md)}.stroke-settings-section.svelte-1l1t05e{margin-top:var(--gap-md);border-top:1px solid var(--color-border);padding-top:var(--gap-md)}.stroke-settings-title.svelte-1l1t05e{font-size:var(--f-0);font-weight:600;color:var(--color-text);margin-bottom:var(--gap-md)}.default-settings.svelte-1l1t05e{padding-left:var(--gap-sm)}.settings-subheading.svelte-1l1t05e{font-size:var(--f-0);font-weight:600;color:var(--color-text);margin-top:var(--gap-md);margin-bottom:var(--gap-sm);padding-bottom:var(--gap-xs);border-bottom:1px solid var(--color-border)}.settings-subheading.svelte-1l1t05e:first-child{margin-top:0}.checkbox-control.svelte-1l1t05e{display:flex;align-items:center;gap:var(--gap-sm);font-size:var(--f-0);color:var(--color-text);cursor:pointer}.checkbox-control.svelte-1l1t05e input[type=checkbox]:where(.svelte-1l1t05e){width:1rem;height:1rem;accent-color:var(--color-cta);cursor:pointer}.saved-brands-details.svelte-1l1t05e{font-size:var(--f-0);margin-top:var(--gap-sm)}.mobile-brand-section.svelte-1l1t05e{border-bottom:none}.saved-brands-mobile.svelte-1l1t05e{margin-top:var(--gap-sm)}.saved-brands-label.svelte-1l1t05e{font-size:var(--f-0);color:var(--color-text-muted);margin-bottom:var(--gap-sm)}.saved-brands-mobile.svelte-1l1t05e .saved-brands-content:where(.svelte-1l1t05e){padding-left:0}.stroke-settings-mobile.svelte-1l1t05e{margin-top:var(--gap-sm)}.stroke-settings-label.svelte-1l1t05e{font-size:var(--f-0);color:var(--color-text-muted);margin-bottom:var(--gap-md)}.stroke-settings-mobile.svelte-1l1t05e .default-settings:where(.svelte-1l1t05e){padding-left:0}.saved-brands-details.svelte-1l1t05e summary:where(.svelte-1l1t05e){color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease}.saved-brands-details.svelte-1l1t05e summary:where(.svelte-1l1t05e):hover{color:var(--color-text)}.saved-brands-details[open].svelte-1l1t05e summary:where(.svelte-1l1t05e){color:var(--color-text);margin-bottom:var(--gap-sm)}.saved-brands-content.svelte-1l1t05e{padding-left:var(--gap-sm)}.new-brand-btn.svelte-1l1t05e{display:flex;align-items:center;justify-content:center;gap:var(--gap-xs);width:100%;padding:var(--gap-sm);font-size:var(--f-00);background:var(--color-surface-alt);border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.new-brand-btn.svelte-1l1t05e:hover{border-color:var(--color-cta);color:var(--color-cta);border-style:solid}.brands-list.svelte-1l1t05e{list-style:none;margin-top:var(--gap-sm);display:flex;flex-direction:column;gap:var(--gap-xs)}.brand-item.svelte-1l1t05e{display:flex;align-items:center;gap:.25rem;padding:var(--gap-xs);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all .15s ease}.brand-item.active.svelte-1l1t05e{border-color:var(--color-cta);background:var(--color-success-bg)}.brand-load-btn.svelte-1l1t05e{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.125rem;padding:var(--gap-xs);background:transparent;border:none;cursor:pointer;text-align:left}.brand-load-btn.svelte-1l1t05e:hover .brand-name:where(.svelte-1l1t05e){color:var(--color-cta)}.brand-name.svelte-1l1t05e{font-size:var(--f-0);font-weight:500;color:var(--color-text);transition:color .15s ease}.brand-count.svelte-1l1t05e{font-size:var(--f-00);color:var(--color-text-muted)}.brand-name-input.svelte-1l1t05e{flex:1;padding:var(--gap-xs) var(--gap-sm);font-size:1rem;border:1px solid var(--color-cta);border-radius:var(--radius-sm);background:var(--color-surface);outline:none}.brand-action-btn.svelte-1l1t05e{width:1.5rem;height:1.5rem;padding:0;background:transparent;border:none;font-size:.875rem;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease;display:flex;align-items:center;justify-content:center}.brand-action-btn.svelte-1l1t05e:hover{background:var(--color-surface);color:var(--color-text)}.brand-action-btn.delete.svelte-1l1t05e:hover{color:var(--color-error)}.no-brands.svelte-1l1t05e{font-size:var(--f-00);color:var(--color-text-muted);text-align:center;padding:var(--gap-md)}.linecap-options.svelte-1l1t05e{display:flex;gap:var(--gap-xs)}.linecap-btn.svelte-1l1t05e{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:var(--gap-sm);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--f-00);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.linecap-btn.svelte-1l1t05e:hover{border-color:var(--color-accent);color:var(--color-text)}.linecap-btn.active.svelte-1l1t05e{background:var(--color-cta);border-color:var(--color-cta);color:var(--color-white)}.keyboard-hints.svelte-1l1t05e{position:absolute;top:var(--gap-md);right:var(--gap-md);padding:var(--gap-md) var(--gap-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:1}.keyboard-hints.svelte-1l1t05e h3:where(.svelte-1l1t05e){font-size:var(--f-00);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--gap-sm)}.keyboard-hints.svelte-1l1t05e ul:where(.svelte-1l1t05e){list-style:none;display:flex;flex-direction:column;gap:var(--gap-xs)}.keyboard-hints.svelte-1l1t05e li:where(.svelte-1l1t05e){font-size:var(--f-0);color:var(--color-text-muted);white-space:nowrap}.keyboard-hints.svelte-1l1t05e kbd:where(.svelte-1l1t05e){display:inline-block;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.125rem .375rem;font-family:monospace;font-size:var(--f-00);color:var(--color-text);margin-right:var(--gap-xs)}.main-area.svelte-1l1t05e{display:flex;flex-direction:column;background:var(--color-bg);overflow:hidden;position:relative}.canvas-wrap.svelte-1l1t05e{flex:1;display:flex;min-height:0;position:relative}.elements-bar.svelte-1l1t05e{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--gap-sm) var(--gap-lg);display:flex;align-items:center;gap:var(--gap-lg)}.elements-bar-left.svelte-1l1t05e{flex:1;display:flex;flex-direction:column;gap:var(--gap-sm)}.bar-label.svelte-1l1t05e{font-size:var(--f-0);font-weight:500;color:var(--color-text-muted);margin-bottom:var(--gap-xs)}.mobile-add-btn.svelte-1l1t05e{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;min-width:3.5rem;height:3.5rem;padding:var(--gap-xs);font-size:var(--f-0000);font-weight:600;background:var(--color-surface-alt);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease;flex-shrink:0}.mobile-add-btn.svelte-1l1t05e:hover{border-color:var(--color-cta);border-style:solid;color:var(--color-cta);background:var(--color-surface)}.mobile-add-btn.empty.svelte-1l1t05e{flex-direction:row;gap:var(--gap-sm);min-width:auto;padding:var(--gap-sm) var(--gap-md);font-size:var(--f-0);background:var(--color-cta);border:2px solid var(--color-cta);color:var(--color-white);box-shadow:var(--shadow-cta)}.mobile-add-btn.empty.svelte-1l1t05e:hover{background:var(--color-cta-hover);border-color:var(--color-cta-hover);color:var(--color-white)}.elements-list.svelte-1l1t05e{display:flex;flex-wrap:wrap;gap:var(--gap-sm);padding:var(--gap-xs)}.merch-promo.svelte-1l1t05e{display:flex;flex-direction:column;align-items:center;gap:var(--gap-sm);padding:var(--gap-md) var(--gap-lg);background:linear-gradient(135deg,var(--color-surface-alt) 0%,var(--color-border) 100%);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:center;flex-shrink:0}.merch-promo.svelte-1l1t05e:hover{border-color:var(--color-cta);transform:translateY(-.125rem);box-shadow:var(--shadow-md)}.merch-promo.svelte-1l1t05e:disabled{opacity:.5;cursor:not-allowed;transform:none}.merch-promo-text.svelte-1l1t05e{font-size:var(--f-0);color:var(--color-text);line-height:1.4}.merch-promo-text.svelte-1l1t05e strong:where(.svelte-1l1t05e){color:var(--color-cta)}.merch-promo-cta.svelte-1l1t05e{font-size:var(--f-0);font-weight:600;color:var(--color-white);background:var(--color-cta);padding:var(--gap-sm) var(--gap-md);border-radius:var(--radius-md);transition:all .15s ease;box-shadow:var(--shadow-cta)}.merch-promo.svelte-1l1t05e:hover .merch-promo-cta:where(.svelte-1l1t05e){background:var(--color-cta-hover);box-shadow:var(--shadow-cta-hover)}.mobile-canvas-top.svelte-1l1t05e{height:40vh;flex-shrink:0;overflow:hidden;background:var(--color-surface-alt);display:flex;flex-direction:column}.mobile-logo-behind.svelte-1l1t05e{pointer-events:auto;cursor:pointer;text-decoration:none}.mobile-logo-behind.svelte-1l1t05e .logo{font-size:1.2em;opacity:.6}.mobile-canvas-top.svelte-1l1t05e .canvas-wrap:where(.svelte-1l1t05e){flex:1;min-height:0;position:relative}.mobile-canvas-controls-top.svelte-1l1t05e{position:absolute;left:var(--gap-md);right:var(--gap-md);top:var(--gap-md);display:flex;justify-content:space-between;align-items:flex-start;z-index:10;pointer-events:none}.mobile-canvas-controls-top.svelte-1l1t05e>:where(.svelte-1l1t05e){pointer-events:auto}.mobile-download-btn.svelte-1l1t05e{width:2.75rem;height:2.75rem;padding:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:var(--shadow-md)}.mobile-download-btn.svelte-1l1t05e:hover:not(:disabled){border-color:var(--color-cta);color:var(--color-cta);background:var(--color-surface-alt)}.mobile-download-btn.svelte-1l1t05e:disabled{opacity:.5;cursor:not-allowed}.mobile-download-btn.svelte-1l1t05e svg{width:1.25em;height:1.25em}.mobile-undo-redo.svelte-1l1t05e{display:flex;gap:var(--gap-xs)}.mobile-undo-btn.svelte-1l1t05e{width:2.5rem;height:2.5rem;padding:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:var(--shadow-md)}.mobile-undo-btn.svelte-1l1t05e:hover:not(:disabled){border-color:var(--color-cta);color:var(--color-cta)}.mobile-undo-btn.svelte-1l1t05e:disabled{opacity:.4;cursor:not-allowed}.export-float-btn.svelte-1l1t05e{position:absolute;bottom:var(--gap-md);left:var(--gap-md);width:3.5rem;height:3.5rem;padding:0;background:var(--color-cta);border:none;border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:10;box-shadow:var(--shadow-lg)}.export-float-btn.svelte-1l1t05e:hover:not(:disabled){background:var(--color-cta-hover);transform:scale(1.05);box-shadow:var(--shadow-xl)}.export-float-btn.svelte-1l1t05e:disabled{opacity:.5;cursor:not-allowed;transform:none}.export-float-btn.svelte-1l1t05e svg{width:1.5em;height:1.5em}.undo-redo-controls.svelte-1l1t05e{position:absolute;top:var(--gap-md);left:var(--gap-md);display:flex;gap:var(--gap-xs);z-index:10}.undo-redo-btn.svelte-1l1t05e{width:2.5rem;height:2.5rem;padding:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:var(--shadow-md)}.undo-redo-btn.svelte-1l1t05e:hover:not(:disabled){border-color:var(--color-cta);color:var(--color-cta);background:var(--color-surface-alt)}.undo-redo-btn.svelte-1l1t05e:disabled{opacity:.4;cursor:not-allowed}.mobile-elements-bottom.svelte-1l1t05e{background:var(--color-surface);border-top:1px solid var(--color-border);flex-shrink:0}.mobile-symbol-modal.svelte-1l1t05e{background:var(--color-surface);border-radius:var(--radius-lg);margin:var(--gap-md);margin-top:10vh;padding:var(--gap-lg);max-height:80vh;overflow-y:auto}.mobile-symbol-header.svelte-1l1t05e{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gap-lg)}.mobile-symbol-header.svelte-1l1t05e h2:where(.svelte-1l1t05e){font-size:var(--f-2);font-weight:600;color:var(--color-text)}.modal-close-btn.svelte-1l1t05e{width:2.25rem;height:2.25rem;padding:0;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.modal-close-btn.svelte-1l1t05e:hover{border-color:var(--color-error);color:var(--color-error)}.export-modal.svelte-1l1t05e{background:var(--color-surface);border-radius:var(--radius-lg);margin:20vh auto var(--gap-md);padding:var(--gap-lg);max-width:25rem;width:calc(100% - 2 * var(--gap-md))}.export-modal-header.svelte-1l1t05e{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gap-lg)}.export-modal-header.svelte-1l1t05e h2:where(.svelte-1l1t05e){font-size:var(--f-2);font-weight:600;color:var(--color-text)}.export-modal-content.svelte-1l1t05e{display:flex;flex-direction:column;gap:var(--gap-sm)}.export-modal-btn.svelte-1l1t05e{display:flex;align-items:center;gap:var(--gap-md);width:100%;padding:var(--gap-md);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--f-0);font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.export-modal-btn.svelte-1l1t05e:hover:not(:disabled){border-color:var(--color-cta);background:var(--color-surface);color:var(--color-cta)}.export-modal-btn.svelte-1l1t05e:disabled{opacity:.5;cursor:not-allowed}.export-modal-btn.merch.cta.svelte-1l1t05e{background:var(--color-cta);border-color:var(--color-cta);color:var(--color-cta-text);box-shadow:var(--shadow-cta)}.export-modal-btn.merch.cta.svelte-1l1t05e:hover:not(:disabled){background:var(--color-cta-hover);border-color:var(--color-cta-hover);color:var(--color-cta-text);box-shadow:var(--shadow-cta-hover);transform:translateY(-.125rem)}@media(max-width:56.25rem){.designer-page.svelte-1l1t05e{display:flex;flex-direction:column;height:100dvh;min-height:100dvh;overflow:hidden}.mobile-canvas-top.svelte-1l1t05e{order:1}.sidebar.svelte-1l1t05e{order:2;border-right:none;border-bottom:none;border-top:1px solid var(--color-border);flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.editing-header.svelte-1l1t05e{margin:0;padding:var(--gap-sm) var(--gap-md);position:sticky;top:0;background:var(--color-surface);z-index:5}.editing-title.svelte-1l1t05e{display:none}.mobile-elements-bottom.svelte-1l1t05e{order:3}.main-area.svelte-1l1t05e{display:none}}