*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-width: 340px;--header-height: 48px;--bg: #ffffff;--bg-panel: #f5f5f5;--bg-input: #ffffff;--text: #1a1a1a;--text-muted: #666;--accent: rgb(255, 63, 49);--accent-hover: rgb(220, 50, 38);--border: #ddd;--radius: 6px}html,body{height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}#app{height:100%}button{cursor:pointer;border:none;background:var(--bg-input);color:var(--text);padding:6px 12px;border-radius:var(--radius);font-size:13px;transition:background .15s}button:hover,button.active{background:var(--accent);color:#fff}input[type=text],input[type=number],select{background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;font-size:13px;outline:none}input:focus,select:focus{border-color:var(--accent)}label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.control-group{display:flex;flex-direction:column;gap:4px}.control-row{display:flex;align-items:center;gap:8px}.range-label{display:flex;justify-content:space-between;align-items:baseline}.range-value{font-size:13px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--accent);padding-bottom:4px;border-bottom:1px solid var(--border)}input[type=range]{-webkit-appearance:none;appearance:none;height:6px;background:var(--border);border-radius:3px;outline:none;border:none;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}input[type=range]::-moz-range-track{height:6px;background:var(--border);border-radius:3px}input[type=checkbox]{-webkit-appearance:none;appearance:none;width:16px;height:16px;border:2px solid var(--border);border-radius:3px;background:#fff;cursor:pointer;position:relative;flex-shrink:0}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:0;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.toggle-label{display:flex;align-items:center;gap:6px;font-size:13px;text-transform:none;color:var(--text);cursor:pointer}.mode-toggle{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.mode-toggle button{flex:1;padding:6px 12px;font-size:12px;font-weight:600;border:none;border-radius:0;background:var(--bg);color:var(--text-muted)}.mode-toggle button:hover{background:var(--bg-panel);color:var(--text)}.mode-toggle button.active{background:var(--accent);color:#fff}.mode-toggle button.active:hover{background:var(--accent-hover);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.font-selector.svelte-1po8zif{position:relative}.combo-wrapper.svelte-1po8zif{position:relative;display:flex;align-items:center}.combo-wrapper.svelte-1po8zif input:where(.svelte-1po8zif){width:100%;padding-right:28px}.combo-chevron.svelte-1po8zif{position:absolute;right:8px;display:flex;align-items:center;color:var(--text-muted);pointer-events:auto;cursor:pointer}.font-dropdown.svelte-1po8zif{position:absolute;top:100%;left:0;right:0;max-height:240px;overflow-y:auto;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);z-index:20;display:flex;flex-direction:column;box-shadow:0 4px 12px #0000001a}.font-option.svelte-1po8zif{text-align:left;padding:8px 10px;border-radius:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;background:none;color:var(--text)}.font-option.svelte-1po8zif:hover,.font-option.highlighted.svelte-1po8zif{background:var(--bg-panel);color:var(--text)}.font-option.active.svelte-1po8zif{color:var(--accent);font-weight:600}.font-option.active.svelte-1po8zif:hover,.font-option.active.highlighted.svelte-1po8zif{background:var(--bg-panel);color:var(--accent)}.no-results.svelte-1po8zif{padding:8px;color:var(--text-muted);font-size:12px}.drop-zone.svelte-1po8zif{border:2px dashed var(--border);border-radius:var(--radius);padding:16px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:border-color .15s,background .15s}.drop-zone.svelte-1po8zif:hover,.drop-zone.drag-over.svelte-1po8zif{border-color:var(--accent);background:#ff3f310a}.upload-prompt.svelte-1po8zif{font-size:12px;color:var(--text-muted)}.upload-info.svelte-1po8zif{font-size:11px;color:var(--text-muted)}.upload-error.svelte-1po8zif{font-size:12px;color:var(--accent)}.svg-preview.svelte-1po8zif{width:80px;height:80px}.svg-preview.svelte-1po8zif svg{width:100%;height:100%}.clear-btn.svelte-1po8zif{font-size:12px;padding:4px 10px;background:none;border:1px solid var(--border);color:var(--text-muted)}.clear-btn.svelte-1po8zif:hover{border-color:var(--accent);color:var(--accent)}.placeholder.svelte-mougvn{color:var(--text-muted);font-size:12px;font-style:italic}.control-group.disabled.svelte-mougvn{opacity:.4;pointer-events:none}.placeholder.svelte-t84nwb{color:var(--text-muted);font-size:12px;font-style:italic}.guides-toggle.svelte-t84nwb{margin-bottom:-4px}.chain-list.svelte-t84nwb{display:flex;flex-direction:column;gap:6px}.chain-step.svelte-t84nwb{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .3s cubic-bezier(.2,0,0,1),opacity .3s ease;background:var(--bg-panel)}.chain-step.step-hovered.svelte-t84nwb{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.chain-step.dragging.svelte-t84nwb{opacity:.15}.chain-step.shift-up.svelte-t84nwb{transform:translateY(-8px)}.chain-step.shift-down.svelte-t84nwb{transform:translateY(8px)}.drop-placeholder.svelte-t84nwb{height:32px;border:2px dashed var(--accent);border-radius:var(--radius);background:#ff3f310f}.step-header.svelte-t84nwb{display:flex;align-items:baseline;gap:4px;padding:6px 4px 6px 8px;background:var(--bg-input)}.drag-handle.svelte-t84nwb{cursor:grab;color:var(--text-muted);padding:4px 0;-webkit-user-select:none;user-select:none;touch-action:none;display:flex;align-items:baseline;gap:6px}.grip.svelte-t84nwb{font-size:14px;letter-spacing:-3px;line-height:1}.step-num.svelte-t84nwb{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.drag-handle.svelte-t84nwb:active{cursor:grabbing}.drag-handle.svelte-t84nwb:hover{color:var(--accent)}.step-toggle.svelte-t84nwb{display:flex;align-items:baseline;gap:6px;background:none;border:none;padding:0;cursor:pointer;flex:1}.step-toggle.svelte-t84nwb:hover{background:none;color:var(--accent)}.step-label.svelte-t84nwb{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--accent)}.arrow.svelte-t84nwb{font-size:10px;width:14px;color:var(--text)}.step-disabled.svelte-t84nwb .step-label:where(.svelte-t84nwb){color:var(--text-muted)}.step-disabled.svelte-t84nwb .step-header:where(.svelte-t84nwb){opacity:.6}.visibility-btn.svelte-t84nwb{display:flex;align-items:center;justify-content:center;align-self:center;padding:2px;color:var(--text-muted);background:none;border:none;cursor:pointer}.visibility-btn.svelte-t84nwb:hover{color:var(--accent);background:none}.visibility-btn.off.svelte-t84nwb{opacity:.4}.remove-btn.svelte-t84nwb{display:flex;align-items:center;justify-content:center;align-self:center;padding:4px;margin-left:2px;color:var(--text-muted);background:none;border:none;opacity:.5;transition:opacity .15s,color .15s}.remove-btn.svelte-t84nwb:hover{color:var(--accent);background:none;opacity:1}.step-body.svelte-t84nwb{padding:10px;display:flex;flex-direction:column;gap:10px}.add-section.svelte-t84nwb{display:flex;flex-direction:column;gap:6px;border:1px dashed var(--border);border-radius:var(--radius);padding:8px}.add-section-highlight.svelte-t84nwb{border-color:var(--accent);border-style:solid;box-shadow:0 0 0 1px var(--accent);animation:svelte-t84nwb-pulse-border 2s ease-in-out infinite}@keyframes svelte-t84nwb-pulse-border{0%,to{box-shadow:0 0 0 1px var(--accent)}50%{box-shadow:0 0 0 3px #ff3f3140}}.add-hint.svelte-t84nwb{font-size:12px;color:var(--text-muted);line-height:1.4;padding-bottom:4px}.add-label.svelte-t84nwb{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.add-buttons.svelte-t84nwb{display:flex;flex-wrap:wrap;gap:4px}.add-method-btn.svelte-t84nwb{font-size:12px;padding:5px 10px;border:1px solid var(--border);border-radius:var(--radius);background:none;color:var(--text);cursor:pointer}.add-method-btn.svelte-t84nwb:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-input)}.tiling-step.svelte-t84nwb .step-header:where(.svelte-t84nwb){padding-left:12px}.size-sep.svelte-13xh6r3{font-size:13px;color:var(--text-muted)}.slice-dims.svelte-13xh6r3{font-size:13px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.sidebar-content.svelte-1nhzsi7{padding:12px;display:flex;flex-direction:column;gap:16px}section.svelte-1nhzsi7{display:flex;flex-direction:column}.section-body.svelte-1nhzsi7{display:flex;flex-direction:column;gap:12px;padding:10px 0}.section-toggle.svelte-1nhzsi7{display:flex;align-items:center;gap:6px;width:100%;text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--accent);background:none;padding:0;border-radius:0}.section-toggle.svelte-1nhzsi7:hover{background:none;color:var(--accent-hover)}.arrow.svelte-1nhzsi7{font-size:10px;width:14px}.overlay.svelte-6c8ifx{position:absolute;bottom:12px;right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;z-index:10}.bottom-row.svelte-6c8ifx{display:flex;flex-direction:row;align-items:flex-end;gap:4px}.control-stack.svelte-6c8ifx{display:flex;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 8px #0000001a;overflow:hidden}.control-stack.vertical.svelte-6c8ifx{flex-direction:column}.control-stack.horizontal.svelte-6c8ifx{flex-direction:row}.icon-btn.svelte-6c8ifx{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:0;color:var(--text);font-size:18px;font-weight:300;padding:0}.icon-btn.svelte-6c8ifx:hover{background:var(--bg-panel);color:var(--text)}.reset-btn.svelte-6c8ifx{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 8px #0000001a;color:var(--text-muted);padding:0;transition:opacity .2s,color .15s}.reset-btn.svelte-6c8ifx:hover{background:var(--bg);color:var(--accent)}.val.svelte-6c8ifx{font-size:11px;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.vertical.svelte-6c8ifx .val:where(.svelte-6c8ifx){padding:2px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);width:100%;text-align:center}.horizontal.svelte-6c8ifx .val:where(.svelte-6c8ifx){padding:0 6px;border-left:1px solid var(--border);border-right:1px solid var(--border);height:36px;line-height:36px}.slice-overlay.svelte-3flzn5{position:absolute;inset:0;z-index:8;pointer-events:none}.dim-mask.svelte-3flzn5{position:absolute;inset:0;pointer-events:none}.slice-rect.svelte-3flzn5{position:absolute;border:2px solid var(--accent);pointer-events:none}.drag-area.svelte-3flzn5{position:absolute;inset:0;cursor:move;pointer-events:auto}.dimensions.svelte-3flzn5{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:600;color:var(--accent);background:#ffffffd9;padding:2px 8px;border-radius:3px;pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.handle.svelte-3flzn5{position:absolute;pointer-events:auto}.handle.corner.svelte-3flzn5{width:10px;height:10px;background:var(--accent);border-radius:2px}.handle.corner.nw.svelte-3flzn5{top:-5px;left:-5px;cursor:nwse-resize}.handle.corner.ne.svelte-3flzn5{top:-5px;right:-5px;cursor:nesw-resize}.handle.corner.sw.svelte-3flzn5{bottom:-5px;left:-5px;cursor:nesw-resize}.handle.corner.se.svelte-3flzn5{bottom:-5px;right:-5px;cursor:nwse-resize}.handle.edge.svelte-3flzn5{background:var(--accent);border-radius:2px}.handle.edge.n.svelte-3flzn5{top:-4px;left:50%;transform:translate(-50%);width:24px;height:6px;cursor:ns-resize}.handle.edge.s.svelte-3flzn5{bottom:-4px;left:50%;transform:translate(-50%);width:24px;height:6px;cursor:ns-resize}.handle.edge.e.svelte-3flzn5{right:-4px;top:50%;transform:translateY(-50%);width:6px;height:24px;cursor:ew-resize}.handle.edge.w.svelte-3flzn5{left:-4px;top:50%;transform:translateY(-50%);width:6px;height:24px;cursor:ew-resize}.canvas-container.svelte-b9mh77{width:100%;height:100%;cursor:grab;background:#fff;position:relative}.canvas-container.svelte-b9mh77:active{cursor:grabbing}.backdrop.svelte-1mo3931{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal.svelte-1mo3931{background:#fff;color:var(--text);border-radius:12px;padding:32px;max-width:520px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #00000026}.close-btn.svelte-1mo3931{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;padding:0;background:none;color:var(--text-muted);border-radius:50%}.close-btn.svelte-1mo3931:hover{background:var(--accent);color:#fff}h2.svelte-1mo3931{font-size:20px;margin-bottom:12px;color:var(--accent)}p.svelte-1mo3931{font-size:14px;line-height:1.6;margin-bottom:8px}em.svelte-1mo3931{color:var(--accent);font-style:italic}a.svelte-1mo3931{color:var(--accent);text-decoration:none}a.svelte-1mo3931:hover{text-decoration:underline}.close-action.svelte-1mo3931{display:inline-block;padding:8px 24px;margin-top:16px;font-size:14px;font-weight:600;background:var(--accent);color:#fff;border-radius:var(--radius)}.close-action.svelte-1mo3931:hover{background:var(--accent-hover);color:#fff}.footer.svelte-1mo3931{margin-top:20px;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border);padding-top:12px}.app-layout.svelte-1n46o8q{display:flex;flex-direction:column;height:100%}.app-header.svelte-1n46o8q{height:var(--header-height);display:flex;align-items:center;padding:0 16px;background:var(--accent);flex-shrink:0;color:#fff;gap:8px}.app-header.svelte-1n46o8q h1:where(.svelte-1n46o8q){font-size:16px;font-weight:600;letter-spacing:.5px;color:#fff}.header-by.svelte-1n46o8q{flex:1;font-size:12px;color:#fff9}.header-by.svelte-1n46o8q a:where(.svelte-1n46o8q){color:#fffc;text-decoration:none}.header-by.svelte-1n46o8q a:where(.svelte-1n46o8q):hover{color:#fff;text-decoration:underline}.header-btn.svelte-1n46o8q{width:36px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;background:#fff3;color:#fff;font-size:14px;font-weight:600}.header-btn.svelte-1n46o8q:hover{background:#ffffff59;color:#fff}.app-body.svelte-1n46o8q{display:flex;flex:1;overflow:hidden}.sidebar.svelte-1n46o8q{width:var(--sidebar-width);flex-shrink:0;background:var(--bg-panel);border-right:1px solid var(--border);overflow-y:scroll;overflow-x:hidden}.canvas-area.svelte-1n46o8q{flex:1;overflow:hidden;position:relative}@media(max-width:768px){.sidebar.svelte-1n46o8q{position:absolute;z-index:10;height:calc(100% - var(--header-height));width:100%;max-width:var(--sidebar-width)}}