.stp-theme-picker.svelte-1ykk7jy{--stp-bg: var(--bg-card, #2a2a4a);--stp-bg-hover: var(--bg-glow, #3d3d6b);--stp-bg-active: color-mix(in srgb, var(--stp-accent, var(--accent-1, #a855f7)) 15%, transparent);--stp-border: color-mix(in srgb, var(--stp-text, var(--text-primary, #e8e0f0)) 10%, transparent);--stp-text: var(--text-primary, #e8e0f0);--stp-text-muted: var(--text-muted, #9090b0);--stp-accent: var(--accent-1, #a855f7);--stp-accent-glow: color-mix(in srgb, var(--stp-accent) 30%, transparent);--stp-trigger-bg: linear-gradient(135deg, var(--primary-3, #c9a0dc), var(--stp-accent));--stp-trigger-color: var(--bg-deep, #1a1a2e);--stp-radius: 12px;--stp-radius-sm: 8px;--stp-space: 12px;--stp-space-sm: 8px;--stp-transition: .2s ease;contain:layout style;position:fixed;z-index:1000}.stp-inline.svelte-1ykk7jy{position:relative}.stp-bottom-right.svelte-1ykk7jy{bottom:24px;right:24px}.stp-bottom-left.svelte-1ykk7jy{bottom:24px;left:24px}.stp-top-right.svelte-1ykk7jy{top:24px;right:24px}.stp-top-left.svelte-1ykk7jy{top:24px;left:24px}.stp-trigger.svelte-1ykk7jy{width:48px;height:48px;border-radius:50%;border:none;background:var(--stp-trigger-bg);color:var(--stp-trigger-color);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px var(--stp-accent-glow),0 0 40px color-mix(in srgb,var(--stp-accent) 10%,transparent);transition:transform var(--stp-transition),box-shadow var(--stp-transition);will-change:transform}.stp-trigger.svelte-1ykk7jy:hover{transform:scale(1.1);box-shadow:0 8px 30px var(--stp-accent-glow),0 0 60px color-mix(in srgb,var(--stp-accent) 20%,transparent)}.stp-backdrop.svelte-1ykk7jy{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}.stp-panel.svelte-1ykk7jy{position:absolute;width:320px;background:color-mix(in srgb,var(--stp-bg) 95%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--stp-radius);border:1px solid var(--stp-border);box-shadow:0 20px 60px #0006;overflow:hidden;animation:svelte-1ykk7jy-stp-slideIn .2s ease-out;transform:translateZ(0)}.stp-bottom-right.svelte-1ykk7jy .stp-panel:where(.svelte-1ykk7jy),.stp-bottom-left.svelte-1ykk7jy .stp-panel:where(.svelte-1ykk7jy){bottom:60px}.stp-bottom-right.svelte-1ykk7jy .stp-panel:where(.svelte-1ykk7jy){right:0}.stp-bottom-left.svelte-1ykk7jy .stp-panel:where(.svelte-1ykk7jy){left:0}.stp-top-right.svelte-1ykk7jy .stp-panel:where(.svelte-1ykk7jy),.stp-top-left.svelte-1ykk7jy .stp-panel:where(.svelte-1ykk7jy){top:60px}.stp-top-right.svelte-1ykk7jy .stp-panel:where(.svelte-1ykk7jy){right:0}.stp-top-left.svelte-1ykk7jy .stp-panel:where(.svelte-1ykk7jy){left:0}.stp-panel-inline.svelte-1ykk7jy{position:relative!important;bottom:auto!important;right:auto!important;left:auto!important;top:auto!important;margin-top:8px;animation:none}.stp-horizontal.svelte-1ykk7jy{width:auto;max-width:100%}.stp-horizontal.svelte-1ykk7jy .stp-header:where(.svelte-1ykk7jy){display:none}.stp-horizontal.svelte-1ykk7jy .stp-list:where(.svelte-1ykk7jy){display:flex;flex-wrap:wrap;gap:8px;max-height:none;padding:var(--stp-space)}.stp-horizontal.svelte-1ykk7jy .stp-option:where(.svelte-1ykk7jy){flex-direction:column;width:auto;padding:var(--stp-space-sm);gap:6px}.stp-horizontal.svelte-1ykk7jy .stp-info:where(.svelte-1ykk7jy){display:none}.stp-horizontal.svelte-1ykk7jy .stp-check:where(.svelte-1ykk7jy){position:absolute;top:-4px;right:-4px;background:var(--stp-accent);border-radius:50%;padding:2px;width:16px;height:16px}.stp-horizontal.svelte-1ykk7jy .stp-option:where(.svelte-1ykk7jy){position:relative}.stp-horizontal.svelte-1ykk7jy .stp-colors:where(.svelte-1ykk7jy){width:40px;height:40px}@keyframes svelte-1ykk7jy-stp-slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stp-header.svelte-1ykk7jy{display:flex;justify-content:space-between;align-items:center;padding:var(--stp-space);border-bottom:1px solid var(--stp-border)}.stp-title.svelte-1ykk7jy{margin:0;font-size:.9rem;font-weight:600;color:var(--stp-text)}.stp-close.svelte-1ykk7jy{background:transparent;border:none;color:var(--stp-text-muted);cursor:pointer;padding:4px;border-radius:var(--stp-radius-sm);display:flex;align-items:center;justify-content:center;transition:background-color var(--stp-transition),color var(--stp-transition)}.stp-close.svelte-1ykk7jy:hover{background:var(--stp-bg-hover);color:var(--stp-text)}.stp-list.svelte-1ykk7jy{padding:var(--stp-space-sm);max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--stp-accent) transparent}.stp-list.svelte-1ykk7jy::-webkit-scrollbar{width:6px}.stp-list.svelte-1ykk7jy::-webkit-scrollbar-track{background:transparent}.stp-list.svelte-1ykk7jy::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--stp-accent) 50%,transparent);border-radius:3px}.stp-list.svelte-1ykk7jy::-webkit-scrollbar-thumb:hover{background:var(--stp-accent)}.stp-option.svelte-1ykk7jy{width:100%;display:flex;align-items:center;gap:var(--stp-space);padding:var(--stp-space-sm) var(--stp-space);background:transparent;border:none;border-radius:var(--stp-radius-sm);cursor:pointer;transition:background-color var(--stp-transition);text-align:left}.stp-option.svelte-1ykk7jy:hover{background:var(--stp-bg-hover)}.stp-option.stp-active.svelte-1ykk7jy{background:var(--stp-bg-active)}.stp-preview.svelte-1ykk7jy{flex-shrink:0}.stp-colors.svelte-1ykk7jy{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;width:32px;height:32px;border-radius:6px;overflow:hidden}.stp-colors.svelte-1ykk7jy span:where(.svelte-1ykk7jy){width:100%;height:100%}.stp-info.svelte-1ykk7jy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.stp-name.svelte-1ykk7jy{font-size:.85rem;font-weight:500;color:var(--stp-text)}.stp-desc.svelte-1ykk7jy{font-size:.7rem;color:var(--stp-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stp-check.svelte-1ykk7jy{flex-shrink:0;color:var(--accent-2, #8ad4d4)}@media (max-width: 640px){.stp-bottom-right.svelte-1ykk7jy,.stp-bottom-left.svelte-1ykk7jy{bottom:16px}.stp-bottom-right.svelte-1ykk7jy{right:16px}.stp-bottom-left.svelte-1ykk7jy{left:16px}.stp-panel.svelte-1ykk7jy{width:calc(100vw - 48px)}.stp-bottom-right.svelte-1ykk7jy .stp-panel:where(.svelte-1ykk7jy){right:-16px}.stp-bottom-left.svelte-1ykk7jy .stp-panel:where(.svelte-1ykk7jy){left:-16px}}body{margin:0;padding:0;min-height:100vh;background:var(--bg-deep, #1a1a2e);color:var(--text-primary, #e8e0f0);font-family:var(--font-body, system-ui, sans-serif);transition:background .3s ease,color .3s ease;scrollbar-width:thin;scrollbar-color:var(--accent-1, #a855f7) var(--bg-mid, #232342)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-mid, #232342)}::-webkit-scrollbar-thumb{background:var(--accent-1, #a855f7);border-radius:5px;border:2px solid var(--bg-mid, #232342)}::-webkit-scrollbar-thumb:hover{background:var(--primary-1, #c9a0dc)}::-webkit-scrollbar-corner{background:var(--bg-mid, #232342)}main.svelte-1uha8ag{max-width:900px;margin:0 auto;padding:2rem 2rem 6rem}h1.svelte-1uha8ag{font-family:var(--font-heading, system-ui, sans-serif);font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary-1, #c9a0dc),var(--accent-1, #a855f7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2.svelte-1uha8ag{font-family:var(--font-heading, system-ui, sans-serif);color:var(--primary-1, #c9a0dc);margin-top:2.5rem;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}h3.svelte-1uha8ag{margin-top:0;margin-bottom:.75rem;color:var(--text-secondary, #c8c0d8);font-size:1rem}section.svelte-1uha8ag{margin-bottom:2rem}ul.svelte-1uha8ag{line-height:1.8}.features-list.svelte-1uha8ag{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 2rem;padding-left:1.25rem}.features-list.svelte-1uha8ag li:where(.svelte-1uha8ag){line-height:1.6}@media (max-width: 640px){.features-list.svelte-1uha8ag{grid-template-columns:1fr}}code.svelte-1uha8ag{font-family:var(--font-mono, "Fira Code", monospace);background:var(--bg-card, #2a2a4a);padding:.2em .4em;border-radius:4px;font-size:.9em}pre.svelte-1uha8ag{margin:0;padding:0}pre.svelte-1uha8ag code:where(.svelte-1uha8ag){display:block;padding:1rem;overflow-x:auto;font-size:.85rem;line-height:1.5}.button-row.svelte-1uha8ag{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.demo-button.svelte-1uha8ag{padding:.6rem 1.2rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,var(--primary-1, #c9a0dc),var(--accent-1, #a855f7));color:var(--bg-deep, #1a1a2e)}.demo-button.svelte-1uha8ag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #a855f74d}.demo-button.secondary.svelte-1uha8ag{background:var(--bg-card, #2a2a4a);color:var(--text-primary, #e8e0f0);border:1px solid rgba(255,255,255,.1)}.demo-button.secondary.svelte-1uha8ag:hover{background:var(--bg-glow, #3d3d6b);box-shadow:0 4px 12px #0003}.inline-picker-container.svelte-1uha8ag{margin-top:2rem;max-width:360px}.inline-picker-container.horizontal.svelte-1uha8ag{max-width:100%}.custom-picker-demo.svelte-1uha8ag{margin-top:2rem;padding:1.5rem;background:var(--bg-card, #2a2a4a);border-radius:12px;border:1px solid color-mix(in srgb,var(--text-primary, #e8e0f0) 15%,transparent);box-shadow:0 2px 8px color-mix(in srgb,var(--text-primary, #000) 8%,transparent)}.theme-grid.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:12px}.theme-swatch.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;background:transparent;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.theme-swatch.svelte-1uha8ag:hover{background:#ffffff0d;transform:translateY(-2px)}.theme-swatch.selected.svelte-1uha8ag{border-color:var(--accent-1, #a855f7);background:#a855f726}.swatch-colors.svelte-1uha8ag{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;width:40px;height:40px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0003}.swatch-colors.svelte-1uha8ag span:where(.svelte-1uha8ag){width:100%;height:100%}.swatch-name.svelte-1uha8ag{font-size:.7rem;color:var(--text-muted, #9090b0);text-align:center}.theme-swatch.selected.svelte-1uha8ag .swatch-name:where(.svelte-1uha8ag){color:var(--text-primary, #e8e0f0);font-weight:500}.custom-picker-actions.svelte-1uha8ag{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.preview-note.svelte-1uha8ag{font-size:.85rem;color:var(--text-secondary, #c8c0d8);display:flex;align-items:center;gap:.5rem}.preview-status.svelte-1uha8ag{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.preview-badge.svelte-1uha8ag{display:inline-block;padding:.25rem .6rem;background:linear-gradient(135deg,var(--accent-1, #a855f7),var(--accent-2, #ff6b9d));color:#fff;font-size:.75rem;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.preview-badge.small.svelte-1uha8ag{padding:.15rem .4rem;font-size:.65rem}.catalog-demo.svelte-1uha8ag{margin-top:1rem}.catalog-stats.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-item.svelte-1uha8ag{background:var(--bg-card, #2a2a4a);padding:1rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--text-primary, #e8e0f0) 15%,transparent);box-shadow:0 2px 6px color-mix(in srgb,var(--text-primary, #000) 6%,transparent)}.stat-label.svelte-1uha8ag{display:block;font-size:.75rem;color:var(--text-muted, #9090b0);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.stat-value.svelte-1uha8ag{font-size:1.5rem;font-weight:600;color:var(--primary-1, #c9a0dc)}.tag-list.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:.4rem}.tag.svelte-1uha8ag{display:inline-block;padding:.2rem .5rem;background:var(--bg-glow, #3d3d6b);color:var(--text-secondary, #c8c0d8);font-size:.7rem;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.cards.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.card.svelte-1uha8ag{background:var(--bg-card, #2a2a4a);padding:1.5rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--text-primary, #e8e0f0) 15%,transparent);box-shadow:0 2px 8px color-mix(in srgb,var(--text-primary, #000) 10%,transparent)}.color-swatches.svelte-1uha8ag{display:flex;gap:8px;flex-wrap:wrap}.swatch.svelte-1uha8ag{width:40px;height:40px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.swatch.accent.svelte-1uha8ag{box-shadow:0 0 20px currentColor}.code-section.svelte-1uha8ag{margin-bottom:1.5rem;background:var(--bg-card, #2a2a4a);border-radius:12px;border:1px solid color-mix(in srgb,var(--text-primary, #e8e0f0) 15%,transparent);box-shadow:0 2px 8px color-mix(in srgb,var(--text-primary, #000) 8%,transparent);overflow:hidden}.code-description.svelte-1uha8ag{margin:0;padding:.75rem 1rem;font-size:.85rem;color:var(--text-secondary, #c8c0d8);border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff05}.code-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.code-header.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:0;padding:0;background:transparent;border:none;font-size:.85rem;color:var(--primary-1, #c9a0dc)}.code-section.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:0;padding:.75rem 1rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);font-size:.85rem;color:var(--primary-1, #c9a0dc)}.code-section.svelte-1uha8ag pre:where(.svelte-1uha8ag) code:where(.svelte-1uha8ag){background:transparent}.code-section.new-feature.svelte-1uha8ag{border-color:var(--accent-1, #a855f7);box-shadow:0 0 20px #a855f726}.code-section.new-feature.svelte-1uha8ag .code-header:where(.svelte-1uha8ag) h3:where(.svelte-1uha8ag):after{content:"NEW";margin-left:.5rem;padding:.15rem .4rem;background:linear-gradient(135deg,var(--accent-1, #a855f7),var(--accent-2, #ff6b9d));color:#fff;font-size:.6rem;font-weight:600;border-radius:3px;vertical-align:middle}.copy-btn.svelte-1uha8ag{display:flex;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.75rem;font-weight:500;color:var(--text-secondary, #c8c0d8);background:var(--bg-glow, #3d3d6b);border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s ease}.copy-btn.svelte-1uha8ag:hover{background:var(--accent-1, #a855f7);color:#fff;border-color:var(--accent-1, #a855f7)}.copy-btn.svelte-1uha8ag svg:where(.svelte-1uha8ag){flex-shrink:0}p.svelte-1uha8ag{margin:.5rem 0;line-height:1.6}@media (max-width: 640px){main.svelte-1uha8ag{padding:1.5rem}h1.svelte-1uha8ag{font-size:2rem}.code-section.svelte-1uha8ag pre:where(.svelte-1uha8ag) code:where(.svelte-1uha8ag){font-size:.75rem}}