.tab-container.svelte-zit34z{display:flex;gap:4px;overflow-x:auto;padding:8px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#f8f6f3;border-radius:16px}.tab-container.svelte-zit34z::-webkit-scrollbar{display:none}.tab-btn.svelte-zit34z{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;border-radius:12px;border:none;background:transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:DM Sans,sans-serif;min-width:56px}.tab-btn.active.svelte-zit34z{background:#fff;box-shadow:0 2px 8px #00000014}.tab-btn.svelte-zit34z:hover:not(.active){background:#ffffff80}.tab-icon.svelte-zit34z{font-size:18px}.tab-label.svelte-zit34z{font-size:10px;font-weight:600;color:#6b6560}.tab-btn.active.svelte-zit34z .tab-label:where(.svelte-zit34z){color:#2d2a26}.editor-page.svelte-1smmlm6{min-height:100dvh;display:flex;flex-direction:column;background:#faf8f5}.editor-header.svelte-1smmlm6{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;position:sticky;top:0;z-index:10;background:#faf8f5}.back-btn.svelte-1smmlm6{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;text-decoration:none;transition:background .2s}.back-btn.svelte-1smmlm6:hover{background:#0000000a}.editor-title.svelte-1smmlm6{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#2d2a26}.randomize-btn.svelte-1smmlm6{width:40px;height:40px;border:none;background:#fff;border-radius:12px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000f;transition:transform .2s}.randomize-btn.svelte-1smmlm6:active{transform:scale(.9) rotate(180deg)}.preview-area.svelte-1smmlm6{display:flex;flex-direction:column;align-items:center;padding:12px 24px 20px;gap:16px}.preview-container.svelte-1smmlm6{background:#fff;border-radius:24px;padding:20px;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;transition:all .3s ease}.save-btn.svelte-1smmlm6{padding:10px 24px;border-radius:100px;border:1.5px solid #E8E4DF;background:#fff;font-size:14px;font-weight:600;color:#2d2a26;cursor:pointer;transition:all .2s ease;font-family:DM Sans,sans-serif}.save-btn.svelte-1smmlm6:hover{border-color:#2d2a26}.save-btn.saved.svelte-1smmlm6{background:#e8f5ee;border-color:#10b981;color:#059669}.editor-panel.svelte-1smmlm6{flex:1;background:#fff;border-radius:24px 24px 0 0;padding:16px;box-shadow:0 -4px 24px #0000000f;overflow-y:auto}.editor-content.svelte-1smmlm6{padding:16px 4px}.sub-tabs.svelte-1smmlm6{display:flex;gap:4px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.sub-tabs.svelte-1smmlm6::-webkit-scrollbar{display:none}.sub-tab.svelte-1smmlm6{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;border-radius:10px;border:1.5px solid #E8E4DF;background:transparent;cursor:pointer;transition:all .2s ease;font-family:DM Sans,sans-serif;min-width:48px}.sub-tab.active.svelte-1smmlm6{background:#2d2a26;border-color:#2d2a26;color:#fff}.sub-icon.svelte-1smmlm6{font-size:14px}.sub-label.svelte-1smmlm6{font-size:9px;font-weight:600}.option-label.svelte-1smmlm6{font-size:12px;font-weight:600;color:#6b6560;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;margin-top:4px}.variant-grid.svelte-1smmlm6{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px}.variant-grid.small.svelte-1smmlm6{grid-template-columns:repeat(4,1fr)}.variant-btn.svelte-1smmlm6{aspect-ratio:1;border-radius:14px;border:2px solid #E8E4DF;background:#fff;cursor:pointer;transition:all .2s ease;padding:2px;overflow:hidden}.variant-btn.active.svelte-1smmlm6{border-color:#2d2a26;box-shadow:0 0 0 2px #fff,0 0 0 4px #2d2a26}.variant-btn.svelte-1smmlm6:hover:not(.active){border-color:#a09a94;transform:scale(1.05)}.variant-preview.svelte-1smmlm6{width:100%;height:100%;border-radius:12px;overflow:hidden}.variant-preview.svelte-1smmlm6 svg{width:100%;height:100%;display:block}.color-grid.svelte-1smmlm6{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.color-swatch.svelte-1smmlm6{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.color-swatch.big.svelte-1smmlm6{width:48px;height:48px}.color-swatch.svelte-1smmlm6:hover{transform:scale(1.1)}.color-swatch.active.svelte-1smmlm6{border-color:#2d2a26;box-shadow:0 0 0 2px #fff,0 0 0 4px #2d2a26;transform:scale(1.1)}