.spp.svelte-1dbka8p{--spp-chip: 20px;--spp-gap: 5px;display:flex;flex-direction:column;min-height:0;color:var(--axo-ink-primary, #1f2937)}.spp--compact.svelte-1dbka8p{--spp-chip: 17px;--spp-gap: 4px}.spp-tabs.svelte-1dbka8p{display:flex;flex-wrap:wrap;gap:2px;border-bottom:1px solid var(--axo-stroke-subtle, #e5e7eb);padding-bottom:3px}.spp-tab.svelte-1dbka8p{flex:1 1 auto;min-width:0;padding:4px 5px;font-family:var(--axo-font-mono, ui-monospace, monospace);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--axo-ink-tertiary, #6b7280);background:none;border:0;border-radius:3px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spp-tab.svelte-1dbka8p:hover{color:var(--axo-ink-primary, #1f2937);background:var(--axo-surface-hover, rgba(0, 0, 0, .04))}.spp-tab.active.svelte-1dbka8p{color:var(--axo-ink-primary, #1f2937);background:var(--axo-surface-selected, rgba(0, 0, 0, .07));font-weight:600}.spp-tab.svelte-1dbka8p:focus-visible{outline:2px solid var(--axo-info-ink, #2563eb);outline-offset:-1px}.spp-body.svelte-1dbka8p{display:flex;flex-direction:column;gap:9px;padding-top:8px;overflow-y:auto;min-height:0}.spp--compact.svelte-1dbka8p .spp-body:where(.svelte-1dbka8p){gap:7px}.spp-library-toggle.svelte-1dbka8p{position:relative;display:flex;align-items:center;gap:5px;inline-size:100%;min-block-size:26px;padding:4px;font-family:var(--axo-font-mono, ui-monospace, monospace);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;text-align:start;color:var(--axo-ink-tertiary, #6b7280);background:none;border:1px solid var(--axo-stroke-subtle, #e5e7eb);border-radius:3px;cursor:pointer}.spp-library-toggle.svelte-1dbka8p:before{content:"";position:absolute;inset:-9px 0}.spp-library-toggle.svelte-1dbka8p:hover{color:var(--axo-ink-primary, #1f2937);background:var(--axo-surface-hover, rgba(0, 0, 0, .04))}.spp-library-toggle.svelte-1dbka8p:focus-visible{outline:2px solid var(--axo-info-ink, #2563eb);outline-offset:1px}.spp-library-mark.svelte-1dbka8p{font-size:11px;line-height:1}.spp-library-state.svelte-1dbka8p{margin:0;margin-inline-start:auto;font-size:8.5px;line-height:1.45;text-transform:none;letter-spacing:0;color:var(--axo-ink-tertiary, #6b7280)}.spp-row-head.svelte-1dbka8p{display:flex;align-items:baseline;gap:5px;margin-bottom:4px}.spp-row-name.svelte-1dbka8p{font-size:10.5px;font-weight:600;color:var(--axo-ink-secondary, #374151);cursor:help}.spp-row-badge.svelte-1dbka8p{font-family:var(--axo-font-mono, ui-monospace, monospace);font-size:7.5px;letter-spacing:.05em;padding:1px 3px;border-radius:2px;color:var(--axo-success-ink, #15803d);background:var(--axo-success-surface, rgba(21, 128, 61, .1))}.spp-chips.svelte-1dbka8p{display:flex;flex-wrap:wrap;gap:var(--spp-gap)}.spp-chip.svelte-1dbka8p{position:relative;inline-size:var(--spp-chip);block-size:var(--spp-chip);padding:0;border:1px solid var(--axo-stroke-default, rgba(0, 0, 0, .18));border-radius:3px;cursor:pointer}.spp-chip.svelte-1dbka8p:after{content:"";position:absolute;inset:calc((44px - var(--spp-chip)) / -2)}.spp-chip.svelte-1dbka8p:hover{border-color:var(--axo-info-ink, #2563eb)}.spp-chip.svelte-1dbka8p:focus-visible{outline:2px solid var(--axo-info-ink, #2563eb);outline-offset:2px;z-index:1}.spp-chip.selected.svelte-1dbka8p{box-shadow:0 0 0 1px var(--axo-surface-elevated, #ffffff),0 0 0 3px var(--axo-ink-primary, #1f2937)}.spp-chip.fill-selected.svelte-1dbka8p{box-shadow:0 0 0 1px var(--axo-surface-elevated, #ffffff),0 0 0 3px var(--axo-warning, #f59e0b)}.spp-chip.selected.fill-selected.svelte-1dbka8p{box-shadow:0 0 0 1px var(--axo-surface-elevated, #ffffff),0 0 0 3px var(--axo-ink-primary, #1f2937),0 0 0 5px var(--axo-warning, #f59e0b)}@media(prefers-reduced-motion:no-preference){.spp-chip.svelte-1dbka8p{transition:transform .1s ease,border-color .15s ease}.spp-chip.svelte-1dbka8p:hover{transform:scale(1.12)}}.sppd.svelte-2rczpr{border-top:1px solid var(--axo-stroke-subtle, #e5e7eb);padding-top:6px}.sppd-summary.svelte-2rczpr{font-family:var(--axo-font-mono, ui-monospace, monospace);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--axo-ink-tertiary, #6b7280);cursor:pointer;padding:3px 0;list-style:none;display:flex;align-items:center;gap:4px;position:relative;min-height:20px}.sppd-summary.svelte-2rczpr:before{content:"";position:absolute;inset:-12px 0}.sppd-summary.svelte-2rczpr::-webkit-details-marker{display:none}.sppd-summary.svelte-2rczpr:after{content:"+";margin-inline-start:auto;font-size:11px;line-height:1}.sppd[open].svelte-2rczpr .sppd-summary:where(.svelte-2rczpr):after{content:"−"}.sppd-summary.svelte-2rczpr:hover{color:var(--axo-ink-primary, #1f2937)}.sppd-summary.svelte-2rczpr:focus-visible{outline:2px solid var(--axo-info-ink, #2563eb);outline-offset:2px}.sppd-body.svelte-2rczpr{padding-top:6px;max-height:260px;display:flex;flex-direction:column;min-height:0}.ccp.svelte-agqjn1{--ccp-bg: var(--b1, #ffffff);--ccp-fg: var(--bc, #1f2937);--ccp-border: color-mix(in oklch, currentColor 18%, transparent);display:inline-flex;align-items:center;gap:.375rem;position:relative}.ccp__swatch.svelte-agqjn1{inline-size:1.75rem;block-size:1.75rem;border-radius:.375rem;border:1px solid var(--ccp-border);padding:0;cursor:pointer;background-image:linear-gradient(var(--ccp-swatch),var(--ccp-swatch)),conic-gradient(#d0d0d0 0 25%,#fff 0 50%,#d0d0d0 0 75%,#fff 0);background-size:100% 100%,10px 10px}.ccp__swatch.svelte-agqjn1:focus-visible{outline:2px solid var(--ccp-swatch, #0b6e99);outline-offset:2px}.ccp__swatch.svelte-agqjn1:disabled{cursor:not-allowed;opacity:.5}.ccp__text.svelte-agqjn1{inline-size:8.5rem;max-inline-size:100%;font:inherit;font-size:.8125rem;color:var(--ccp-fg);background:var(--ccp-bg);border:1px solid var(--ccp-border);border-radius:.375rem;padding:.25rem .5rem}.ccp__text--full.svelte-agqjn1{inline-size:100%}.ccp__text.svelte-agqjn1:focus-visible{outline:2px solid color-mix(in oklch,currentColor 40%,transparent);outline-offset:1px}.ccp__alpha.svelte-agqjn1{font-size:.75rem;color:color-mix(in oklch,currentColor 65%,transparent);min-inline-size:2.5rem;text-align:end}.ccp__range.svelte-agqjn1{inline-size:100%}.ccp-overlay.svelte-agqjn1{position:fixed;z-index:1000;display:flex;flex-direction:column;gap:.5rem;padding:.625rem;background:var(--b1, #ffffff);color:var(--bc, #1f2937);border:1px solid color-mix(in oklch,currentColor 15%,transparent);border-radius:.625rem;box-shadow:0 12px 32px -8px #00000059}.ccp-overlay--popover.svelte-agqjn1{inline-size:16.5rem;max-inline-size:calc(100vw - 1rem)}.ccp-overlay--sheet.svelte-agqjn1{inset-inline:0;inset-block-end:0;inline-size:100%;border-radius:1rem 1rem 0 0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));box-shadow:0 -12px 32px -8px #00000059}.ccp-backdrop.svelte-agqjn1{position:fixed;inset:0;z-index:999;border:0;padding:0;background:#0006}.ccp-overlay__picker.svelte-agqjn1{inline-size:100%}.ccp-picker-failed.svelte-agqjn1{margin:0;padding:.75rem;font-size:.8125rem;text-align:center;opacity:.7}.ccp-overlay__grid.svelte-agqjn1{display:grid;grid-template-columns:repeat(8,1fr);gap:.25rem}.ccp-overlay--sheet.svelte-agqjn1 .ccp-overlay__grid:where(.svelte-agqjn1){grid-template-columns:repeat(6,1fr);gap:.5rem}.ccp-overlay__recent.svelte-agqjn1{display:grid;grid-template-columns:repeat(8,1fr);gap:.25rem;padding-block-end:.125rem;border-block-end:1px solid color-mix(in oklch,currentColor 10%,transparent)}.ccp-overlay--sheet.svelte-agqjn1 .ccp-overlay__recent:where(.svelte-agqjn1){grid-template-columns:repeat(6,1fr);gap:.5rem}.ccp-overlay__palettes.svelte-agqjn1{margin-block-start:-.125rem}.ccp-overlay__shades.svelte-agqjn1{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.ccp-overlay__row.svelte-agqjn1{display:flex;align-items:center;gap:.5rem}.ccp-chip.svelte-agqjn1{aspect-ratio:1;border-radius:.3125rem;border:1px solid color-mix(in oklch,currentColor 15%,transparent);padding:0;cursor:pointer}.ccp-overlay--sheet.svelte-agqjn1 .ccp-chip:where(.svelte-agqjn1){min-block-size:2.75rem}.ccp-chip[data-selected=true].svelte-agqjn1{outline:2px solid var(--bc, #1f2937);outline-offset:1px}.ccp-chip.svelte-agqjn1:focus-visible{outline:2px solid color-mix(in oklch,currentColor 55%,transparent);outline-offset:1px}.ccp-chip--sm.svelte-agqjn1{border-radius:.25rem}.ccp-sample-btn.svelte-agqjn1{display:inline-flex;align-items:center;gap:.375rem;font:inherit;font-size:.8125rem;padding:.375rem .625rem;inline-size:100%;justify-content:center;border-radius:.5rem;border:1px solid color-mix(in oklch,currentColor 20%,transparent);background:color-mix(in oklch,currentColor 6%,transparent);color:inherit;cursor:pointer}.ccp-overlay--sheet.svelte-agqjn1 .ccp-sample-btn:where(.svelte-agqjn1){min-block-size:2.75rem}.ccp-sample-btn.svelte-agqjn1:focus-visible{outline:2px solid color-mix(in oklch,currentColor 45%,transparent);outline-offset:1px}.ccp-sample-btn__icon.svelte-agqjn1{inline-size:1rem;block-size:1rem}@media(prefers-reduced-motion:no-preference){.ccp-overlay--sheet.svelte-agqjn1{animation:svelte-agqjn1-ccp-sheet-in .18s ease-out}}@keyframes svelte-agqjn1-ccp-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.swsel.svelte-20ywo{--swsel-dot: 1.25rem;--swsel-ring: var(--color-base-content, #1f2937);--swsel-gap: var(--color-base-100, #ffffff);display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.swsel[data-size=sm].svelte-20ywo{--swsel-dot: 1rem}.swsel[data-size=lg].svelte-20ywo{--swsel-dot: 1.5rem}.swsel__dot.svelte-20ywo{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:none;border-radius:9999px;cursor:pointer;inline-size:var(--swsel-dot);block-size:var(--swsel-dot)}.swsel__dot.svelte-20ywo:disabled{cursor:not-allowed;opacity:.5}.swsel__dot.svelte-20ywo:focus-visible{outline:2px solid var(--swsel-ring);outline-offset:3px}.swsel__ink.svelte-20ywo{inline-size:100%;block-size:100%;border-radius:9999px;border:1px solid color-mix(in oklch,currentColor 20%,transparent);box-shadow:none}.swsel__dot[data-selected=true].svelte-20ywo .swsel__ink:where(.svelte-20ywo){box-shadow:0 0 0 2px var(--swsel-gap),0 0 0 4px var(--swsel-ring)}@media(pointer:coarse){.swsel.svelte-20ywo{gap:.75rem}.swsel__dot.svelte-20ywo{min-inline-size:44px;min-block-size:44px}}@media(prefers-reduced-motion:no-preference){.swsel__dot.svelte-20ywo{transition:transform .15s ease}.swsel__ink.svelte-20ywo{transition:box-shadow .2s ease}.swsel__dot.svelte-20ywo:not(:disabled):active{transform:scale(.9)}}