.customize-panel.svelte-16gz2ol{border-top:1px solid var(--color-border);background:var(--color-bg-secondary);padding:.75rem}.panel-header.svelte-16gz2ol{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.5rem}.panel-title.svelte-16gz2ol{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:.375rem}.modified-badge.svelte-16gz2ol{background:color-mix(in oklch,var(--color-accent) 15%,transparent);color:var(--color-accent);border:1px solid color-mix(in oklch,var(--color-accent) 35%,transparent);border-radius:999px;padding:.05rem .4rem;font-size:.625rem;letter-spacing:0;text-transform:none}.panel-actions.svelte-16gz2ol{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;justify-content:flex-end}.reset-btn.svelte-16gz2ol{padding:.125rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:.6875rem;cursor:pointer;transition:all .15s ease}.reset-btn.svelte-16gz2ol:disabled{opacity:.5;cursor:default}.reset-btn.svelte-16gz2ol:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}.groups.svelte-16gz2ol{display:flex;flex-direction:column;gap:.75rem}.summary.svelte-16gz2ol{font-size:.6875rem;color:var(--color-text-secondary);margin-bottom:.5rem}.group.svelte-16gz2ol{border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in oklch,var(--color-bg) 85%,transparent);padding:.5rem}.group-header.svelte-16gz2ol{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.375rem}.group-toggle.svelte-16gz2ol{border:0;background:transparent;padding:0;margin:0;font-size:.6875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.group-count.svelte-16gz2ol{background:color-mix(in oklch,var(--color-accent) 15%,transparent);color:var(--color-accent);border-radius:999px;padding:.05rem .35rem;font-size:.625rem;letter-spacing:0;text-transform:none}.group-reset.svelte-16gz2ol{border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:.625rem;padding:.1rem .35rem;cursor:pointer}.group-reset.svelte-16gz2ol:hover{background:var(--color-surface);color:var(--color-text)}.group-reset.svelte-16gz2ol:disabled{opacity:.45;cursor:default}.sliders.svelte-16gz2ol{display:flex;flex-direction:column;gap:.375rem}.slider-row.svelte-16gz2ol{display:grid;grid-template-columns:7rem 1fr 8rem;align-items:center;gap:.5rem}.preset-row.svelte-16gz2ol{grid-column:2 / 4;display:flex;flex-wrap:wrap;gap:.25rem;margin-top:-.125rem}.preset-btn.svelte-16gz2ol{border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);border-radius:999px;font-size:.625rem;padding:.1rem .4rem;cursor:pointer;line-height:1.4}.preset-btn.svelte-16gz2ol:hover,.preset-btn.active.svelte-16gz2ol{background:color-mix(in oklch,var(--color-accent) 12%,transparent);border-color:color-mix(in oklch,var(--color-accent) 35%,var(--color-border));color:var(--color-text)}.slider-label.svelte-16gz2ol{font-size:.75rem;color:var(--color-text-secondary);text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slider-input.svelte-16gz2ol{width:100%;height:4px;appearance:none;background:var(--color-border);border-radius:2px;outline:none;cursor:pointer}.slider-input.svelte-16gz2ol::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:2px solid var(--color-bg);box-shadow:0 1px 3px #0003}.slider-input.svelte-16gz2ol::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:2px solid var(--color-bg);box-shadow:0 1px 3px #0003}.slider-value.svelte-16gz2ol{font-size:.6875rem;font-family:var(--font-mono);color:var(--color-text);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-input.svelte-16gz2ol,.select-input.svelte-16gz2ol{width:100%;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.75rem;font-family:var(--font-mono)}.color-field.svelte-16gz2ol{display:flex;align-items:center;gap:.35rem}.color-input.svelte-16gz2ol{width:2rem;height:2rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);padding:.125rem;cursor:pointer;flex-shrink:0}.snippet-card.svelte-13071k9{position:relative;overflow:hidden;border:1px solid color-mix(in oklch,var(--color-border) 84%,transparent);border-radius:1.5rem;background:linear-gradient(180deg,color-mix(in oklch,white 34%,transparent),transparent 30%),color-mix(in oklch,var(--color-surface) 95%,transparent);box-shadow:0 1px color-mix(in oklch,white 82%,transparent) inset,0 22px 52px color-mix(in oklch,var(--color-accent) 8%,transparent),var(--shadow-lg);backdrop-filter:blur(16px) saturate(1.04)}.snippet-card.svelte-13071k9:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top right,color-mix(in oklch,var(--color-accent) 14%,transparent),transparent 28%),linear-gradient(120deg,transparent 16%,color-mix(in oklch,white 18%,transparent) 50%,transparent 84%);opacity:.9}.toolbar.svelte-13071k9{position:relative;z-index:1;display:flex;flex-direction:column;gap:.75rem;padding:.9rem 1rem .85rem;border-bottom:1px solid color-mix(in oklch,var(--color-border) 82%,transparent);background:linear-gradient(180deg,color-mix(in oklch,white 28%,transparent),transparent 70%),color-mix(in oklch,var(--color-bg-secondary) 72%,transparent);backdrop-filter:blur(12px)}.toolbar-main.svelte-13071k9{display:flex;width:100%;align-items:end;justify-content:space-between;gap:.75rem}.toolbar-copy.svelte-13071k9{display:grid;gap:.4rem;min-width:0}.toolbar-eyebrow.svelte-13071k9{font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-secondary)}.tabs.svelte-13071k9{display:flex;gap:.25rem;overflow-x:auto;width:fit-content;max-width:100%;padding:.25rem;border:1px solid color-mix(in oklch,var(--color-border) 82%,transparent);border-radius:9999px;background:color-mix(in oklch,var(--color-bg) 68%,transparent);box-shadow:inset 0 1px color-mix(in oklch,white 34%,transparent)}.tab.svelte-13071k9{padding:.42rem .82rem;border:1px solid transparent;border-radius:9999px;background:transparent;color:var(--color-text-secondary);font-size:.76rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.tab.svelte-13071k9:hover{background:var(--color-surface);color:var(--color-text)}.tab.active.svelte-13071k9,.tab[aria-selected=true].svelte-13071k9{background:color-mix(in oklch,var(--color-surface) 90%,transparent);color:var(--color-text);border-color:color-mix(in oklch,var(--color-border) 82%,transparent);box-shadow:0 1px color-mix(in oklch,white 48%,transparent) inset,0 8px 20px color-mix(in oklch,var(--color-accent) 10%,transparent)}.actions.svelte-13071k9{display:flex;gap:.375rem;flex-shrink:0;align-items:center}.preview.svelte-13071k9{position:relative;z-index:1;padding:3rem 2rem 6rem;min-height:18rem;display:flex;align-items:center;justify-content:center;overflow:hidden;--ws-preview-fg: rgb(248 250 252);--ws-preview-fg-muted: rgb(203 213 225);--ws-preview-fg-soft: rgb(148 163 184);--ws-preview-card-bg: rgb(15 23 42 / .78);--ws-preview-card-bg-strong: rgb(15 23 42 / .9);--ws-preview-card-border: rgb(255 255 255 / .1);--ws-preview-card-shadow: 0 18px 38px rgb(15 23 42 / .18)}.preview.stage-ambient.svelte-13071k9,.preview.stage-studio.svelte-13071k9,.preview.stage-interactive.svelte-13071k9{padding:3rem 2.5rem 6rem;min-height:20rem}.preview.svelte-13071k9:after{content:"";position:absolute;inset:auto 10% 1rem;height:4rem;border-radius:9999px;background:radial-gradient(circle,rgb(0 0 0 / .22),transparent 68%);filter:blur(18px);opacity:.18;pointer-events:none}.preview.svelte-13071k9:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0}.preview.bg-gradient.svelte-13071k9:before{opacity:.9}.preview.bg-dark.svelte-13071k9:before{opacity:.52}.preview.bg-light.svelte-13071k9:before{opacity:.32}.preview.bg-dark.svelte-13071k9{--ws-preview-fg: rgb(248 250 252);--ws-preview-fg-muted: rgb(203 213 225);--ws-preview-fg-soft: rgb(148 163 184);--ws-preview-card-bg: rgb(15 23 42 / .78);--ws-preview-card-bg-strong: rgb(15 23 42 / .9);--ws-preview-card-border: rgb(255 255 255 / .1);--ws-preview-card-shadow: 0 18px 38px rgb(15 23 42 / .2)}.preview.bg-light.svelte-13071k9{--ws-preview-fg: rgb(15 23 42);--ws-preview-fg-muted: rgb(51 65 85);--ws-preview-fg-soft: rgb(100 116 139);--ws-preview-card-bg: rgb(255 255 255 / .76);--ws-preview-card-bg-strong: rgb(255 255 255 / .92);--ws-preview-card-border: rgb(148 163 184 / .24);--ws-preview-card-shadow: 0 16px 32px rgb(148 163 184 / .18)}.preview.bg-gradient.svelte-13071k9:after{opacity:.16}.preview.bg-dark.svelte-13071k9:after{opacity:.18}.preview.bg-light.svelte-13071k9:after{opacity:.08}.preview.stage-ambient.svelte-13071k9:before{background:radial-gradient(circle at 18% 20%,rgb(255 255 255 / .14),transparent 18%),radial-gradient(circle at 80% 24%,rgb(125 211 252 / .18),transparent 22%),radial-gradient(circle at 50% 100%,rgb(244 114 182 / .12),transparent 28%)}.preview.stage-studio.svelte-13071k9:before{background:linear-gradient(180deg,rgb(255 255 255 / .08),transparent 35%),radial-gradient(circle at top,rgb(255 255 255 / .12),transparent 34%)}.preview.stage-interactive.svelte-13071k9:before{background:linear-gradient(90deg,rgb(255 255 255 / .05) 1px,transparent 1px),linear-gradient(180deg,rgb(255 255 255 / .05) 1px,transparent 1px);background-size:2.75rem 2.75rem;mask-image:radial-gradient(circle at center,black 30%,transparent 82%)}.preview-sandbox.svelte-13071k9{position:relative;width:100%;min-height:14rem;max-width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;transform:translateZ(0);padding:1.5rem;border:none;border-radius:0;box-shadow:none;background:transparent}.preview-sandbox.ambient.svelte-13071k9,.preview-sandbox.studio.svelte-13071k9,.preview-sandbox.interactive.svelte-13071k9{min-height:14rem}.preview-sandbox.scale-showcase.svelte-13071k9{min-height:16rem;padding:2.25rem}.preview-sandbox.scale-product.svelte-13071k9{min-height:14rem;padding:1.5rem 2rem}.preview-sandbox.scale-compact.svelte-13071k9{min-height:10rem;padding:1rem}.preview-sandbox.svelte-13071k9>*{position:relative;z-index:1}.preview-sandbox.scale-showcase.svelte-13071k9>*{max-width:min(100%,28rem)}.preview-sandbox.scale-product.svelte-13071k9>*{max-width:min(100%,24rem)}.preview-sandbox.scale-compact.svelte-13071k9>*{max-width:min(100%,18rem)}@media(max-width:640px){.preview.svelte-13071k9,.preview.stage-ambient.svelte-13071k9,.preview.stage-studio.svelte-13071k9,.preview.stage-interactive.svelte-13071k9{padding:2rem 1.25rem;min-height:16rem}.preview-sandbox.svelte-13071k9,.preview-sandbox.ambient.svelte-13071k9,.preview-sandbox.studio.svelte-13071k9,.preview-sandbox.interactive.svelte-13071k9,.preview-sandbox.scale-showcase.svelte-13071k9,.preview-sandbox.scale-product.svelte-13071k9,.preview-sandbox.scale-compact.svelte-13071k9{min-height:11rem;padding:.75rem}}.bg-switcher.svelte-13071k9{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem 1rem;border-top:1px solid color-mix(in oklch,var(--color-border) 82%,transparent);background:linear-gradient(180deg,transparent,color-mix(in oklch,white 18%,transparent)),color-mix(in oklch,var(--color-bg-secondary) 72%,transparent);backdrop-filter:blur(12px)}.bg-switcher-copy.svelte-13071k9{display:grid;gap:.2rem}.bg-label.svelte-13071k9{font-size:.82rem;color:var(--color-text-secondary);font-weight:600}.bg-controls.svelte-13071k9{display:flex;flex-wrap:wrap;justify-content:end;gap:.45rem}.bg-btn.svelte-13071k9{padding:.42rem .72rem;border:1px solid color-mix(in oklch,var(--color-border) 86%,transparent);border-radius:9999px;background:color-mix(in oklch,var(--color-bg) 64%,transparent);color:var(--color-text-secondary);font-size:.74rem;font-weight:600;cursor:pointer;text-transform:capitalize;transition:all .15s ease}.bg-btn.svelte-13071k9:hover{border-color:var(--color-border-secondary);color:var(--color-text)}.bg-btn.active.svelte-13071k9{background:color-mix(in oklch,var(--color-surface) 92%,transparent);color:var(--color-text);border-color:var(--color-accent);box-shadow:0 8px 20px color-mix(in oklch,var(--color-accent) 10%,transparent)}.replay-btn.svelte-13071k9{border-style:dashed}.code-container.svelte-13071k9{position:relative;z-index:1;overflow-x:auto}.code-badge.svelte-13071k9{position:sticky;left:0;padding:.5rem 1rem 0;background:var(--color-code-bg, oklch(15% .008 75))}.badge.svelte-13071k9{display:inline-block;padding:.125rem .5rem;border-radius:var(--radius-md);background:var(--color-code-badge-bg, oklch(25% .01 75));color:var(--color-code-badge-text, oklch(70% .006 75));font-family:var(--font-mono);font-size:.6875rem}.code-highlighted.svelte-13071k9 pre{margin:0;padding:.75rem 1.5rem 1.5rem;font-family:var(--font-mono);font-size:.8125rem;line-height:1.7;tab-size:2;border-radius:0}.code-highlighted.svelte-13071k9 code{font-family:inherit}@media(max-width:640px){.toolbar-main.svelte-13071k9,.bg-switcher.svelte-13071k9{align-items:start;flex-direction:column}.actions.svelte-13071k9,.bg-controls.svelte-13071k9{width:100%;justify-content:flex-start}}