.backdrop.svelte-uegyol{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:svelte-uegyol-fade-in var(--duration-normal) var(--easing-out)}.panel.svelte-uegyol{position:fixed;top:0;right:0;bottom:0;width:300px;z-index:901;background:var(--color-bg-elevated);border-left:1px solid var(--color-border-strong);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:svelte-uegyol-slide-in var(--duration-normal) var(--easing-out)}@keyframes svelte-uegyol-fade-in{0%{opacity:0}to{opacity:1}}@keyframes svelte-uegyol-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.panel-header.svelte-uegyol{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}h2.svelte-uegyol{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.close-btn.svelte-uegyol{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:var(--space-1);display:flex;border-radius:var(--radius-sm);transition:color var(--duration-fast)}.close-btn.svelte-uegyol:hover{color:var(--color-text-primary)}.panel-body.svelte-uegyol{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.group.svelte-uegyol{display:flex;flex-direction:column;gap:var(--space-3)}.group-label.svelte-uegyol{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.seg-ctrl.svelte-uegyol{display:flex;background:var(--color-bg-control);border-radius:var(--radius-md);padding:2px;gap:2px}.seg-btn.svelte-uegyol{flex:1;background:none;border:none;cursor:pointer;padding:var(--space-2) var(--space-2);border-radius:calc(var(--radius-md) - 2px);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);transition:background var(--duration-fast),color var(--duration-fast);white-space:nowrap}.seg-btn.active.svelte-uegyol{background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.swatches.svelte-uegyol{display:flex;gap:var(--space-2);flex-wrap:wrap}.swatch.svelte-uegyol{width:28px;height:28px;border-radius:50%;background:var(--c);border:2px solid transparent;cursor:pointer;transition:transform var(--duration-fast),border-color var(--duration-fast);outline-offset:3px}.swatch.svelte-uegyol:hover{transform:scale(1.15)}.swatch.active.svelte-uegyol{border-color:var(--color-text-primary);outline:2px solid var(--color-accent);outline-offset:2px}select.svelte-uegyol{width:100%;background:var(--color-bg-control);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236a8aaa' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.toggles.svelte-uegyol{display:flex;flex-direction:column;gap:var(--space-3)}.toggle-row.svelte-uegyol{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;gap:var(--space-3)}.toggle-row.svelte-uegyol input[type=checkbox]:where(.svelte-uegyol){width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0}.panel-footer.svelte-uegyol{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}.reset-btn.svelte-uegyol{background:none;border:none;cursor:pointer;font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:underline;text-underline-offset:3px;transition:color var(--duration-fast);padding:0}.reset-btn.svelte-uegyol:hover{color:var(--color-text-secondary)}@media(prefers-reduced-motion:reduce){.backdrop.svelte-uegyol,.panel.svelte-uegyol{animation:none}}