.toolbar.svelte-ouhh5d{display:flex;align-items:center;gap:2px;padding:4px 8px;background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;min-height:48px}.compact.svelte-ouhh5d{min-height:40px;padding:2px 4px}.tool-btn.svelte-ouhh5d{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 8px;border-radius:8px;border:none;background:none;cursor:pointer;min-width:40px;color:#4b5563;transition:all .15s;font-family:inherit}.compact.svelte-ouhh5d .tool-btn:where(.svelte-ouhh5d){padding:4px 5px;min-width:32px}.tool-btn.svelte-ouhh5d:hover:not(:disabled){background:#f3f4f6;color:#111827}.tool-btn.svelte-ouhh5d:active:not(:disabled){background:#e5e7eb}.tool-btn.svelte-ouhh5d:disabled{opacity:.2;cursor:not-allowed}.tool-icon.svelte-ouhh5d{font-size:16px;line-height:1}.compact.svelte-ouhh5d .tool-icon:where(.svelte-ouhh5d){font-size:14px}.tool-label.svelte-ouhh5d{font-size:10px;margin-top:1px}.sep.svelte-ouhh5d{width:1px;height:28px;background:#e5e7eb;margin:0 3px}.floating-toolbar.svelte-9lkk8j{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;padding:6px;box-shadow:0 2px 8px #00000014,0 0 0 1px #0000000a;z-index:100}.ft-btn.svelte-9lkk8j{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;border:none;background:none;border-radius:10px;cursor:pointer;color:#6b7280;transition:all .15s;font-family:inherit;min-width:56px}.ft-btn.svelte-9lkk8j:hover{background:#0000000a;color:#374151}.ft-btn.svelte-9lkk8j:active{background:#f97316;color:#fff;box-shadow:0 2px 6px #f973164d}.ft-icon.svelte-9lkk8j{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.ft-icon.svelte-9lkk8j svg:where(.svelte-9lkk8j){width:100%;height:100%}.ft-label.svelte-9lkk8j{font-size:10px;font-weight:500;line-height:1;white-space:nowrap}.ft-divider.svelte-9lkk8j{height:1px;background:#e5e7eb;margin:2px 6px}.ft-preset.svelte-9lkk8j{color:#f97316}.ft-preset.svelte-9lkk8j:hover{background:#fff7ed;color:#ea580c}.phone-case-svg.svelte-4lmhy9{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.phone-case-svg.svelte-4lmhy9 svg{width:100%;height:100%}.canvas-container.svelte-1u95dka{flex:1;position:relative;overflow:clip;background:#f5f5f5;touch-action:none;outline:none;perspective:800px}.canvas-tilt.svelte-1u95dka{position:absolute;inset:0;pointer-events:none;transform-style:preserve-3d}.canvas-inner.svelte-1u95dka{position:absolute;top:0;left:0;isolation:isolate;pointer-events:auto}.mockup-body.svelte-1u95dka{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.print-area-guide.svelte-1u95dka{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:950;overflow:visible}.print-area.svelte-1u95dka{position:absolute;border:2px dashed #555;pointer-events:none;z-index:950}.print-clip.svelte-1u95dka{position:absolute;overflow:hidden;pointer-events:none;z-index:2}.editor-object.svelte-1u95dka{position:absolute;transform-origin:center center;-webkit-user-select:none;user-select:none;pointer-events:auto}.editor-object.svelte-1u95dka img:where(.svelte-1u95dka){width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.pattern-fill.svelte-1u95dka{pointer-events:none;-webkit-user-select:none;user-select:none}.text-content.svelte-1u95dka{width:100%;height:100%;display:flex;align-items:center;pointer-events:none;white-space:pre-wrap;word-break:break-word}.text-content.svelte-1u95dka span:where(.svelte-1u95dka){width:100%}.selection-box.svelte-1u95dka{position:absolute;pointer-events:none;border:2px solid #F97316;transform-origin:center center;z-index:998}.resize-handle.svelte-1u95dka{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #F97316;z-index:1000}.resize-handle.svelte-1u95dka:hover{background:#fed7aa}.rotate-handle.svelte-1u95dka{position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #F97316;display:flex;align-items:center;justify-content:center;cursor:grab;z-index:1000;color:#f97316}.rotate-handle.svelte-1u95dka:hover{background:#fed7aa}.rotate-handle.svelte-1u95dka svg:where(.svelte-1u95dka){width:10px;height:10px}.tilt-slider.svelte-1u95dka{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;border-radius:20px;box-shadow:0 2px 8px #0000001a;z-index:1001}.tilt-slider.svelte-1u95dka input[type=range]:where(.svelte-1u95dka){width:100px;accent-color:#F97316}.tilt-label.svelte-1u95dka{font-size:11px;font-weight:600;color:#6b7280;min-width:40px;font-family:monospace}.face-tabs.svelte-1jixnke{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#fff;border-bottom:1px solid #e5e7eb}.tabs-list.svelte-1jixnke{display:flex;gap:2px;flex:1}.face-tab.svelte-1jixnke{padding:6px 16px;border:none;background:none;font-size:13px;font-family:inherit;color:#9ca3af;cursor:pointer;border-radius:6px;transition:all .15s;position:relative}.face-tab.svelte-1jixnke:hover{color:#6b7280;background:#f9fafb}.face-tab.active.svelte-1jixnke{color:#c2410c;font-weight:600;background:#fff7ed}.face-tab.active.svelte-1jixnke:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:20px;height:2px;background:#f97316;border-radius:1px}.grid-btn.svelte-1jixnke{width:32px;height:32px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0;transition:all .15s}.grid-btn.svelte-1jixnke:hover{background:#f9fafb;color:#f97316;border-color:#f97316}.grid-btn.svelte-1jixnke svg:where(.svelte-1jixnke){width:16px;height:16px}.grid-container.svelte-14mcx7{flex:1;display:flex;flex-direction:column;background:#f5f5f5;overflow:auto}.grid-header.svelte-14mcx7{padding:16px 20px 8px}.grid-header.svelte-14mcx7 h3:where(.svelte-14mcx7){margin:0;font-size:15px;font-weight:600;color:#374151}.grid-content.svelte-14mcx7{flex:1;display:flex;flex-wrap:wrap;gap:20px;padding:12px 20px 20px;justify-content:center;align-content:start}.face-card.svelte-14mcx7{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .2s;font-family:inherit}.face-card.svelte-14mcx7:hover{border-color:#f97316;box-shadow:0 4px 20px #f9731626;transform:translateY(-2px)}.card-preview.svelte-14mcx7{overflow:hidden;border-radius:8px;background:#f9fafb;position:relative}.card-canvas.svelte-14mcx7{position:relative;pointer-events:none}.side-face-bg.svelte-14mcx7{position:absolute;inset:4px;background:#f3f4f6;border:1px solid #e5e7eb}.mini-mockup-body.svelte-14mcx7{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.mini-print-guide.svelte-14mcx7{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:visible}.mini-print-area.svelte-14mcx7{position:absolute;border:1.5px dashed rgba(0,0,0,.08);pointer-events:none}.mini-print-clip.svelte-14mcx7{position:absolute;overflow:hidden;pointer-events:none;z-index:1}.mini-object.svelte-14mcx7{position:absolute;transform-origin:center center}.mini-object.svelte-14mcx7 img:where(.svelte-14mcx7){width:100%;height:100%;object-fit:contain}.mini-pattern.svelte-14mcx7{pointer-events:none}.mini-text.svelte-14mcx7{width:100%;height:100%;display:flex;align-items:center;white-space:pre-wrap;word-break:break-word}.mini-text.svelte-14mcx7 span:where(.svelte-14mcx7){width:100%}.card-label.svelte-14mcx7{font-size:14px;font-weight:600;color:#374151}.card-count.svelte-14mcx7{font-size:11px;color:#9ca3af}.locale-select.svelte-1i76tng{padding:3px 6px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:11px;font-family:inherit;color:#4b5563;cursor:pointer;outline:none}.locale-select.svelte-1i76tng:focus{border-color:#fb923c;box-shadow:0 0 0 2px #fed7aa}.left-panel.svelte-1audwn3{display:flex;flex-direction:column;background:#fff;border-right:1px solid #e5e7eb;width:230px;min-width:230px;overflow:hidden;transition:width .2s,min-width .2s}.collapsed.svelte-1audwn3{width:0;min-width:0;border:none}.lp-header.svelte-1audwn3{padding:12px 16px;border-bottom:1px solid #f3f4f6}.lp-header-row.svelte-1audwn3{display:flex;align-items:center;justify-content:space-between;gap:8px}.lp-header.svelte-1audwn3 h2:where(.svelte-1audwn3){font-size:14px;font-weight:700;margin:0}.lp-header.svelte-1audwn3 p:where(.svelte-1audwn3){font-size:10px;color:#9ca3af;margin:2px 0 0}.lp-section.svelte-1audwn3{padding:8px 12px;border-bottom:1px solid #f3f4f6}.section-label.svelte-1audwn3{font-size:10px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.model-btn.svelte-1audwn3{display:block;width:100%;text-align:left;padding:6px 12px;font-size:12px;border-radius:8px;border:none;cursor:pointer;background:none;color:#4b5563;font-family:inherit;transition:all .15s}.model-btn.svelte-1audwn3:hover{background:#f9fafb}.model-btn.active.svelte-1audwn3{background:#fff7ed;color:#c2410c;font-weight:600;box-shadow:inset 0 0 0 1px #fed7aa}.model-variant-row.svelte-1audwn3{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;padding:0 4px}.model-variant-btn.svelte-1audwn3{padding:4px 10px;font-size:11px;border-radius:99px;border:1px solid #e5e7eb;cursor:pointer;font-family:inherit;background:#fff;color:#6b7280;transition:all .15s;white-space:nowrap}.model-variant-btn.svelte-1audwn3:hover{border-color:#fdba74;color:#c2410c}.model-variant-btn.active.svelte-1audwn3{background:#f97316;color:#fff;border-color:#f97316;font-weight:600}.layer-list.svelte-1audwn3{flex:1;overflow-y:auto}.layer-header.svelte-1audwn3{display:flex;align-items:center;justify-content:space-between;padding:8px 12px}.layer-title.svelte-1audwn3{font-size:10px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.layer-count.svelte-1audwn3{font-size:10px;color:#9ca3af;background:#f3f4f6;border-radius:99px;padding:0 6px}.layer-empty.svelte-1audwn3{padding:32px 12px;text-align:center;color:#9ca3af;font-size:12px}.layer-item.svelte-1audwn3{display:flex;align-items:center;gap:8px;padding:6px 8px;margin:0 8px 3px;border-radius:8px;cursor:pointer;border:none;background:none;width:calc(100% - 16px);font-family:inherit;text-align:left;transition:all .15s}.layer-item.svelte-1audwn3:hover{background:#f9fafb}.layer-item.selected.svelte-1audwn3{background:#fff7ed;box-shadow:inset 0 0 0 1px #fdba74}.layer-thumb.svelte-1audwn3{width:32px;height:32px;border-radius:6px;background:#f3f4f6;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.layer-thumb.svelte-1audwn3 img:where(.svelte-1audwn3){width:100%;height:100%;object-fit:cover}.thumb-text.svelte-1audwn3{font-size:14px;color:#9ca3af;font-weight:600}.layer-name.svelte-1audwn3{flex:1;font-size:11px;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-item.locked.svelte-1audwn3 .layer-name:where(.svelte-1audwn3){color:#9ca3af}.lock-btn.svelte-1audwn3,.vis-btn.svelte-1audwn3{padding:2px;border-radius:4px;border:none;background:none;cursor:pointer;font-size:12px;flex-shrink:0;transition:all .15s}.lock-btn.svelte-1audwn3:hover,.vis-btn.svelte-1audwn3:hover{background:#e5e7eb}.lock-btn.is-locked.svelte-1audwn3{background:#fff7ed}.vis-btn.svelte-1audwn3{opacity:0}.layer-item.svelte-1audwn3:hover .vis-btn:where(.svelte-1audwn3){opacity:1}.right-panel.svelte-z2sb3h{display:flex;flex-direction:column;background:#fff;border-left:1px solid #e5e7eb;width:280px;min-width:280px;overflow:hidden}.rp-header.svelte-z2sb3h{padding:14px 16px 12px;border-bottom:1px solid #f3f4f6}.rp-header-title.svelte-z2sb3h{font-size:13px;font-weight:600;color:#374151}.rp-content.svelte-z2sb3h{flex:1;overflow:hidden;position:relative}.rp-slide.svelte-z2sb3h{position:absolute;inset:0;overflow-y:auto}.props.svelte-z2sb3h{padding:16px}.props.svelte-z2sb3h>:where(.svelte-z2sb3h)+:where(.svelte-z2sb3h){margin-top:14px}.prop-label.svelte-z2sb3h{display:block;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:6px}.sub-label.svelte-z2sb3h{font-size:10px;color:#9ca3af;font-weight:500}.prop-input.svelte-z2sb3h{width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:6px 10px;font-size:13px;font-family:inherit;outline:none;transition:all .15s}.prop-input.svelte-z2sb3h:focus{box-shadow:0 0 0 2px #fed7aa;border-color:#fb923c}textarea.prop-input.svelte-z2sb3h{resize:none}.prop-row.svelte-z2sb3h{display:flex;gap:8px}.prop-col.svelte-z2sb3h{flex:1}.size-row.svelte-z2sb3h{display:flex;align-items:center;gap:8px}.size-btn.svelte-z2sb3h{padding:6px 10px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:16px;font-family:inherit}.size-btn.svelte-z2sb3h:hover{background:#f9fafb}.size-input.svelte-z2sb3h{width:64px;text-align:center}.style-btns.svelte-z2sb3h{display:flex;gap:4px}.s-btn.svelte-z2sb3h{padding:7px 9px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;color:#4b5563;font-family:inherit;font-size:13px;transition:all .15s;line-height:1}.s-btn.svelte-z2sb3h:hover{background:#f9fafb}.s-btn.active.svelte-z2sb3h{background:#111827;color:#fff;border-color:#111827}.s-sep.svelte-z2sb3h{width:1px;background:#e5e7eb;margin:0 2px}.color-grid.svelte-z2sb3h{display:flex;flex-wrap:wrap;gap:6px}.color-swatch.svelte-z2sb3h{width:28px;height:28px;border-radius:50%;border:2px solid #e5e7eb;cursor:pointer;transition:all .15s}.color-swatch.svelte-z2sb3h:hover{transform:scale(1.15)}.color-swatch.active.svelte-z2sb3h{border-color:#f97316;box-shadow:0 0 0 2px #fed7aa}.product-title.svelte-z2sb3h{margin-bottom:4px}.product-name.svelte-z2sb3h{font-size:16px;font-weight:600;color:#111827;line-height:1.4}.section-header.svelte-z2sb3h{display:flex;align-items:baseline;gap:6px;margin-bottom:10px}.section-title.svelte-z2sb3h{font-size:13px;font-weight:600;color:#374151}.section-subtitle.svelte-z2sb3h{font-size:13px;font-weight:400;color:#9ca3af}.color-chips.svelte-z2sb3h{display:flex;flex-wrap:wrap;gap:8px}.color-chip.svelte-z2sb3h{width:28px;height:28px;border-radius:50%;border:none;cursor:pointer;transition:all .15s;position:relative;box-shadow:inset 0 0 0 1px #0000001a}.color-chip.svelte-z2sb3h:hover{transform:scale(1.15)}.color-chip.active.svelte-z2sb3h{box-shadow:inset 0 0 0 1px #0000001a,0 0 0 2px #fff,0 0 0 3.5px #f97316}.range-row.svelte-z2sb3h{display:flex;align-items:center;gap:8px}input[type=range].svelte-z2sb3h{flex:1;accent-color:#F97316}.range-val.svelte-z2sb3h{font-size:12px;color:#6b7280;width:40px;text-align:right;font-family:monospace}.img-preview.svelte-z2sb3h{border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb;padding:12px;display:flex;align-items:center;justify-content:center}.img-preview.svelte-z2sb3h img:where(.svelte-z2sb3h){max-width:100%;max-height:96px;object-fit:contain}.mode-toggle.svelte-z2sb3h{display:flex;gap:4px}.mode-btn.svelte-z2sb3h{flex:1;padding:7px 0;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;color:#6b7280;transition:all .15s;text-align:center}.mode-btn.svelte-z2sb3h:hover{background:#f9fafb}.mode-btn.active.svelte-z2sb3h{background:#f97316;color:#fff;border-color:#f97316}.backdrop.svelte-17wzklk{position:fixed;inset:0;background:#0006;z-index:900}.design-popup.svelte-17wzklk{position:fixed;background:#fff;z-index:901;display:flex;flex-direction:column;border-radius:12px;box-shadow:0 8px 40px #0003;overflow:hidden}.design-popup.svelte-17wzklk:not(.mobile){top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;height:70vh}.design-popup.mobile.svelte-17wzklk{bottom:0;left:0;right:0;border-radius:20px 20px 0 0;height:70vh}.handle-bar.svelte-17wzklk{display:flex;justify-content:center;padding:10px 0 4px;flex-shrink:0}.handle.svelte-17wzklk{width:36px;height:4px;border-radius:99px;background:#d1d5db}.popup-header.svelte-17wzklk{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.popup-header.svelte-17wzklk h3:where(.svelte-17wzklk){font-size:17px;font-weight:700;margin:0;color:#111827}.close-btn.svelte-17wzklk{padding:6px 10px;border:none;background:none;cursor:pointer;font-size:20px;color:#9ca3af;border-radius:8px;transition:all .15s;line-height:1}.close-btn.svelte-17wzklk:hover{background:#f3f4f6}.category-tabs.svelte-17wzklk{display:flex;gap:6px;padding:12px 16px 0;overflow-x:auto;flex-shrink:0}.cat-tab.svelte-17wzklk{padding:7px 16px;border-radius:20px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:#6b7280;white-space:nowrap;transition:all .15s;display:flex;align-items:center;gap:5px}.cat-tab.svelte-17wzklk:hover{background:#f9fafb}.cat-tab.active.svelte-17wzklk{background:#111827;color:#fff;border-color:#111827}.cat-tab.free.active.svelte-17wzklk{background:#059669;border-color:#059669}.cat-tab.creator.active.svelte-17wzklk{background:#7c3aed;border-color:#7c3aed}.tab-count.svelte-17wzklk{font-size:11px;font-weight:500;opacity:.7}.sub-tabs.svelte-17wzklk{display:flex;gap:6px;padding:10px 16px;border-bottom:1px solid #f3f4f6;overflow-x:auto;flex-shrink:0}.sub-tabs.svelte-17wzklk::-webkit-scrollbar{display:none}.sub-tab.svelte-17wzklk{padding:5px 12px;border-radius:16px;border:none;background:#f3f4f6;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;color:#6b7280;white-space:nowrap;transition:all .15s}.sub-tab.svelte-17wzklk:hover{background:#e5e7eb}.sub-tab.active.svelte-17wzklk{background:#111827;color:#fff}.popup-content.svelte-17wzklk{flex:1;overflow-y:auto;padding:14px 16px 24px;min-height:0}.popup-content.svelte-17wzklk::-webkit-scrollbar{width:6px}.popup-content.svelte-17wzklk::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.design-grid.svelte-17wzklk{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}@media(min-width:640px){.design-grid.svelte-17wzklk{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}}.design-card.svelte-17wzklk{position:relative;display:flex;flex-direction:column;border:none;background:none;cursor:pointer;padding:0;text-align:left;transition:transform .2s}.design-card.svelte-17wzklk:hover{transform:scale(1.05)}.design-thumb.svelte-17wzklk{width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#f9fafb;border:1px solid #e5e7eb;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:8px}.design-card.svelte-17wzklk:hover .design-thumb:where(.svelte-17wzklk){border-color:#6b7280;box-shadow:0 4px 12px #0000001a}.design-thumb.svelte-17wzklk img:where(.svelte-17wzklk){max-width:100%;max-height:100%;object-fit:contain}.design-overlay.svelte-17wzklk{position:absolute;bottom:0;left:0;right:0;padding:6px;background:linear-gradient(transparent,#000000b3);border-radius:0 0 10px 10px;opacity:0;transition:opacity .2s;display:flex;flex-direction:column;gap:1px;pointer-events:none}.design-card.svelte-17wzklk:hover .design-overlay:where(.svelte-17wzklk){opacity:1}.overlay-name.svelte-17wzklk{font-size:10px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay-creator.svelte-17wzklk{font-size:9px;color:#ffffffbf}.creator-badge.svelte-17wzklk{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;background:#7c3aed;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.empty-state.svelte-17wzklk{text-align:center;padding:60px 20px;color:#9ca3af;font-size:14px}.mode-tabs.svelte-17wzklk{display:flex;gap:0;padding:0 16px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.mode-tab.svelte-17wzklk{padding:10px 20px;border:none;background:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:#9ca3af;border-bottom:2px solid transparent;transition:all .15s;display:flex;align-items:center;gap:6px}.mode-tab.svelte-17wzklk:hover{color:#6b7280}.mode-tab.active.svelte-17wzklk{color:#111827;border-bottom-color:#111827}.preset-grid.svelte-17wzklk{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}@media(max-width:639px){.preset-grid.svelte-17wzklk{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}}.preset-card.svelte-17wzklk{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;padding:0;text-align:left;overflow:hidden;transition:all .2s}.preset-card.svelte-17wzklk:hover{border-color:#6b7280;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.preset-thumb.svelte-17wzklk{width:100%;aspect-ratio:4 / 3;background:#f9fafb;display:flex;align-items:center;justify-content:center;overflow:hidden}.preset-thumb.svelte-17wzklk img:where(.svelte-17wzklk){width:100%;height:100%;object-fit:cover}.preset-placeholder.svelte-17wzklk{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#d1d5db;font-size:24px;font-weight:700}.preset-info.svelte-17wzklk{padding:10px 12px;display:flex;flex-direction:column;gap:2px}.preset-name.svelte-17wzklk{font-size:13px;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-desc.svelte-17wzklk{font-size:11px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-count.svelte-17wzklk{font-size:11px;color:#9ca3af}.preset-save-bar.svelte-1n9dexr{position:fixed;bottom:0;left:0;right:0;z-index:200;background:#111827f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:2px solid #F97316;padding:12px 20px}.bar-content.svelte-1n9dexr{display:flex;align-items:center;gap:12px;max-width:900px;margin:0 auto}.bar-label.svelte-1n9dexr{color:#e5e7eb;font-size:13px;white-space:nowrap}.bar-label.svelte-1n9dexr strong:where(.svelte-1n9dexr){color:#f97316}.name-input.svelte-1n9dexr{flex:1;max-width:240px;padding:7px 12px;border:1px solid #374151;border-radius:8px;background:#1f2937;color:#e5e7eb;font-size:13px;font-family:inherit;outline:none}.name-input.svelte-1n9dexr::placeholder{color:#6b7280}.name-input.svelte-1n9dexr:focus{border-color:#f97316}.bar-actions.svelte-1n9dexr{display:flex;gap:8px;margin-left:auto}.bar-btn.svelte-1n9dexr{padding:7px 18px;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.bar-btn.cancel.svelte-1n9dexr{background:none;border:1px solid #4b5563;color:#9ca3af}.bar-btn.cancel.svelte-1n9dexr:hover{border-color:#9ca3af;color:#e5e7eb}.bar-btn.back.svelte-1n9dexr{display:flex;align-items:center;gap:6px;background:none;border:1px solid #4b5563;color:#e5e7eb}.bar-btn.back.svelte-1n9dexr:hover{border-color:#f97316;color:#f97316}.bar-btn.save.svelte-1n9dexr{background:#f97316;border:none;color:#fff}.bar-btn.save.svelte-1n9dexr:hover{background:#ea580c}.bar-btn.save.svelte-1n9dexr:disabled{opacity:.5;cursor:not-allowed}.desktop-layout.svelte-msvg4g{display:flex;height:100vh;height:100dvh;background:#f3f4f6;-webkit-user-select:none;user-select:none}.center.svelte-msvg4g{flex:1;display:flex;flex-direction:column;min-width:0}.canvas-wrapper.svelte-msvg4g{flex:1;position:relative;min-height:0;display:flex;flex-direction:column}.tablet-layout.svelte-aeik70{display:flex;height:100vh;height:100dvh;background:#f3f4f6;-webkit-user-select:none;user-select:none}.center.svelte-aeik70{flex:1;display:flex;flex-direction:column;min-width:0}.side-left.svelte-aeik70{width:200px;min-width:200px;overflow:hidden}.side-left.svelte-aeik70 .left-panel{width:200px;min-width:200px}.side-right.svelte-aeik70{width:250px;min-width:250px;overflow:hidden}.side-right.svelte-aeik70 .right-panel{width:250px;min-width:250px}.tab-toolbar.svelte-aeik70{display:flex;align-items:center;background:#fff;border-bottom:1px solid #e5e7eb}.tab-toolbar.svelte-aeik70 .toolbar{border-bottom:none;flex:1}.toggle-btn.svelte-aeik70{padding:8px 10px;border:none;background:none;cursor:pointer;font-size:16px;color:#9ca3af;border-radius:8px;margin:0 4px;transition:all .15s}.toggle-btn.svelte-aeik70:hover{background:#f3f4f6}.toggle-btn.active.svelte-aeik70{color:#f97316}.mobile-toolbar.svelte-w62mlr{background:#fff;border-top:1px solid #e5e7eb;padding-bottom:env(safe-area-inset-bottom,0)}.quick-bar.svelte-w62mlr{display:flex;align-items:center;gap:2px;padding:4px 8px;border-bottom:1px solid #f3f4f6;overflow-x:auto}.q-btn.svelte-w62mlr{padding:6px 10px;border-radius:8px;border:none;background:none;cursor:pointer;font-size:16px;color:#4b5563;transition:all .15s;flex-shrink:0}.q-btn.svelte-w62mlr:hover:not(:disabled){background:#f3f4f6}.q-btn.svelte-w62mlr:disabled{opacity:.2;cursor:not-allowed}.q-sep.svelte-w62mlr{width:1px;height:24px;background:#e5e7eb;margin:0 4px;flex-shrink:0}.tab-bar.svelte-w62mlr{display:flex}.tab-btn.svelte-w62mlr{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;border:none;background:none;cursor:pointer;color:#6b7280;font-family:inherit;transition:all .15s}.tab-btn.svelte-w62mlr:active{background:#f9fafb}.tab-icon.svelte-w62mlr{font-size:18px}.tab-label.svelte-w62mlr{font-size:10px;font-weight:500}.backdrop.svelte-e0fdjw{position:fixed;inset:0;background:#0000004d;z-index:900}.sheet.svelte-e0fdjw{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -4px 24px #0000001f;z-index:901;max-height:70vh;display:flex;flex-direction:column;will-change:transform}.handle-bar.svelte-e0fdjw{display:flex;justify-content:center;padding:10px 0 4px}.handle.svelte-e0fdjw{width:36px;height:4px;border-radius:99px;background:#d1d5db}.sheet-header.svelte-e0fdjw{display:flex;align-items:center;justify-content:space-between;padding:4px 16px 8px;border-bottom:1px solid #f3f4f6}.sheet-header.svelte-e0fdjw h3:where(.svelte-e0fdjw){font-size:15px;font-weight:700;margin:0}.close-btn.svelte-e0fdjw{padding:4px 8px;border:none;background:none;cursor:pointer;font-size:16px;color:#9ca3af;border-radius:8px}.close-btn.svelte-e0fdjw:hover{background:#f3f4f6}.sheet-content.svelte-e0fdjw{flex:1;overflow-y:auto;padding:12px 16px 24px}.mobile-layout.svelte-nr7ra2{display:flex;flex-direction:column;height:100vh;height:100dvh;background:#f3f4f6;-webkit-user-select:none;user-select:none}.mobile-canvas.svelte-nr7ra2{flex:1;overflow:hidden;touch-action:none;display:flex;flex-direction:column;min-height:0}.m-layer.svelte-nr7ra2{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:10px;border:none;background:none;cursor:pointer;font-family:inherit;text-align:left;transition:all .15s}.m-layer.svelte-nr7ra2:active,.m-layer.selected.svelte-nr7ra2{background:#fff7ed}.m-layer-thumb.svelte-nr7ra2{width:36px;height:36px;border-radius:8px;background:#f3f4f6;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.m-layer-thumb.svelte-nr7ra2 img:where(.svelte-nr7ra2){width:100%;height:100%;object-fit:cover}.m-layer-name.svelte-nr7ra2{flex:1;font-size:13px;color:#374151}.m-layer-ctrl.svelte-nr7ra2{border:none;background:none;font-size:14px;padding:4px}.m-color-grid.svelte-nr7ra2{display:flex;flex-wrap:wrap;gap:14px}.m-color-item.svelte-nr7ra2{display:flex;flex-direction:column;align-items:center;gap:4px;border:none;background:none;cursor:pointer;font-family:inherit}.m-color-swatch.svelte-nr7ra2{width:48px;height:48px;border-radius:50%;border:2px solid #e5e7eb;transition:all .15s}.m-color-swatch.active.svelte-nr7ra2{border-color:#f97316;box-shadow:0 0 0 2px #fed7aa;transform:scale(1.1)}.m-color-item.svelte-nr7ra2 span:where(.svelte-nr7ra2){font-size:11px;color:#6b7280}.m-props.svelte-nr7ra2{display:flex;flex-direction:column;gap:12px}.m-input.svelte-nr7ra2{width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;font-size:14px;font-family:inherit;outline:none}.m-input.svelte-nr7ra2:focus{box-shadow:0 0 0 2px #fed7aa;border-color:#fb923c}textarea.m-input.svelte-nr7ra2{resize:none}.m-row.svelte-nr7ra2{display:flex;gap:8px;align-items:center}.m-size.svelte-nr7ra2{width:72px;text-align:center}.m-size-btn.svelte-nr7ra2{padding:8px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:18px}.m-label.svelte-nr7ra2{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:4px;display:block}.m-style-row.svelte-nr7ra2{display:flex;gap:4px;flex-wrap:wrap}.m-s.svelte-nr7ra2{padding:8px 12px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:14px;font-family:inherit;color:#4b5563;transition:all .15s}.m-s.active.svelte-nr7ra2{background:#111827;color:#fff;border-color:#111827}.m-sep.svelte-nr7ra2{width:1px;background:#e5e7eb;margin:0 2px;align-self:stretch}.m-colors.svelte-nr7ra2{display:flex;flex-wrap:wrap;gap:8px}.m-cswatch.svelte-nr7ra2{width:32px;height:32px;border-radius:50%;border:2px solid #e5e7eb;cursor:pointer;transition:all .15s}.m-cswatch.active.svelte-nr7ra2{border-color:#f97316;box-shadow:0 0 0 2px #fed7aa}.m-img-preview.svelte-nr7ra2{border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb;padding:12px;display:flex;align-items:center;justify-content:center}.m-img-preview.svelte-nr7ra2 img:where(.svelte-nr7ra2){max-width:100%;max-height:80px;object-fit:contain}.m-action.svelte-nr7ra2{flex:1;padding:10px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-family:inherit;font-size:13px;color:#4b5563;text-align:center}.m-action.svelte-nr7ra2:active{background:#f3f4f6}.m-model.svelte-nr7ra2{display:block;width:100%;text-align:left;padding:8px 12px;font-size:13px;border-radius:10px;border:none;background:none;cursor:pointer;font-family:inherit;color:#4b5563;margin-bottom:4px}.m-model.svelte-nr7ra2:active,.m-model.active.svelte-nr7ra2{background:#fff7ed;color:#c2410c;font-weight:600}.m-variant-row.svelte-nr7ra2{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}.m-variant-pill.svelte-nr7ra2{padding:6px 14px;font-size:12px;border-radius:99px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-family:inherit;color:#6b7280;white-space:nowrap}.m-variant-pill.svelte-nr7ra2:active,.m-variant-pill.active.svelte-nr7ra2{background:#f97316;color:#fff;border-color:#f97316;font-weight:600}.m-color-row.svelte-nr7ra2{display:flex;gap:8px;flex-wrap:wrap}.m-mini-color.svelte-nr7ra2{width:36px;height:36px;border-radius:50%;border:2px solid #e5e7eb;cursor:pointer;transition:all .15s}.m-mini-color.active.svelte-nr7ra2{border-color:#f97316;box-shadow:0 0 0 2px #fed7aa;transform:scale(1.1)}.m-mode-toggle.svelte-nr7ra2{display:flex;gap:4px}.m-mode-btn.svelte-nr7ra2{flex:1;padding:8px 0;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:#6b7280;transition:all .15s;text-align:center}.m-mode-btn.svelte-nr7ra2:hover{background:#f9fafb}.m-mode-btn.active.svelte-nr7ra2{background:#f97316;color:#fff;border-color:#f97316}.loading.svelte-1n46o8q{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;font-family:Noto Sans KR,sans-serif;color:#6b7280}.spinner.svelte-1n46o8q{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#f97316;border-radius:50%;animation:svelte-1n46o8q-spin .8s linear infinite}@keyframes svelte-1n46o8q-spin{to{transform:rotate(360deg)}}.error.svelte-1n46o8q{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:12px;font-family:Noto Sans KR,sans-serif;color:#dc2626}.error.svelte-1n46o8q button:where(.svelte-1n46o8q){padding:8px 20px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;font-family:inherit}.restore-overlay.svelte-1n46o8q{position:fixed;inset:0;z-index:9999;background:#00000080;display:flex;align-items:center;justify-content:center}.restore-dialog.svelte-1n46o8q{background:#fff;border-radius:16px;padding:28px 32px;max-width:400px;width:90%;text-align:center;box-shadow:0 8px 40px #0003;font-family:Noto Sans KR,sans-serif}.restore-dialog.svelte-1n46o8q h3:where(.svelte-1n46o8q){font-size:18px;font-weight:700;color:#111827;margin:0 0 8px}.restore-dialog.svelte-1n46o8q p:where(.svelte-1n46o8q){font-size:14px;color:#6b7280;margin:0 0 20px;line-height:1.5}.restore-btns.svelte-1n46o8q{display:flex;gap:10px}.restore-no.svelte-1n46o8q,.restore-yes.svelte-1n46o8q{flex:1;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.restore-no.svelte-1n46o8q{background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.restore-no.svelte-1n46o8q:hover{background:#e5e7eb}.restore-yes.svelte-1n46o8q{background:#f97316;border:1px solid #F97316;color:#fff}.restore-yes.svelte-1n46o8q:hover{background:#ea580c}