.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: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}@media(pointer:coarse){.spp.svelte-1dbka8p,.spp--compact.svelte-1dbka8p{--spp-chip: 44px}.spp-tab.svelte-1dbka8p,.spp-library-toggle.svelte-1dbka8p{min-height:44px}.spp-chip.svelte-1dbka8p{flex:0 0 var(--spp-chip)}}.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(--axo-surface-elevated, var(--color-base-100));--ccp-fg: var(--axo-ink-primary, var(--color-base-content, #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(--axo-info-ink, currentColor);outline-offset:2px}.ccp__swatch[aria-disabled=true].svelte-agqjn1{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%;accent-color:var(--axo-info-ink, var(--color-primary, currentColor))}.ccp-overlay.svelte-agqjn1{--ccp-zoom: 1;box-sizing:border-box;position:fixed;z-index:calc(var(--z-popover, 9850) + 10);display:flex;flex-direction:column;max-block-size:calc((100dvh - 1rem) / var(--ccp-zoom));overflow-y:auto;gap:.5rem;padding:.625rem;background:var(--axo-surface-elevated, var(--color-base-100));color:var(--axo-ink-primary, var(--color-base-content, #1f2937));border:1px solid color-mix(in oklch,currentColor 15%,transparent);border-radius:.625rem;box-shadow:0 12px 32px -8px #00000059}.ccp-overlay.archkit-app.svelte-agqjn1{--ccp-zoom: var(--axo-interface-zoom, 1)}.ccp--inline.svelte-agqjn1{flex-wrap:wrap}.ccp-overlay--inline.svelte-agqjn1{position:static;flex:0 0 100%;inline-size:100%;min-inline-size:0;box-shadow:none;z-index:auto}.ccp-overlay--popover.svelte-agqjn1{inline-size:16.5rem;max-inline-size:calc((100vw - 1rem) / var(--ccp-zoom))}.ccp-overlay--sheet.svelte-agqjn1{inset-inline:0;inset-block-end:0;inline-size:calc(100% / var(--ccp-zoom));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:calc(var(--z-popover, 9850) + 9);border:0;padding:0;background:#0006}.ccp-overlay__picker.svelte-agqjn1{inline-size:100%;--cp-bg-color: var(--axo-surface-elevated, var(--color-base-100, #fff));--cp-text-color: var(--axo-ink-primary, var(--color-base-content, #1f2937));--cp-border-color: var( --axo-stroke-default, color-mix(in oklch, var(--color-base-content) 20%, transparent) );--cp-input-color: var(--axo-surface-well, var(--color-base-200, #f3f4f6));--cp-button-hover-color: var( --axo-surface-hover, var(--color-base-300, #e5e7eb) );--focus-color: var(--axo-info-ink, var(--color-primary, #2563eb));--picker-width: 220px;--picker-height: 160px;--picker-radius: 4px;font-family:var(--axo-font-mono, inherit)}.ccp-overlay__picker.svelte-agqjn1 .wrapper{display:block;width:220px;max-width:100%;margin:0 auto;padding:0;border:0;border-radius:0}.ccp-overlay__picker.svelte-agqjn1 .text-input input,.ccp-overlay__picker.svelte-agqjn1 .text-input button{border:1px solid var(--cp-border-color);border-radius:4px;font-size:12px}@media(pointer:coarse){.ccp-overlay__picker.svelte-agqjn1 .text-input input,.ccp-overlay__picker.svelte-agqjn1 .text-input button,.ccp-overlay__picker.svelte-agqjn1 .h [role=slider]{min-height:44px}}@media(prefers-reduced-motion:reduce){.ccp-overlay__picker.svelte-agqjn1 .text-input button,.ccp-overlay__picker.svelte-agqjn1 .text-input button span{transition:none}}.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 #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(pointer:coarse){.ccp__swatch.svelte-agqjn1,.ccp-chip.svelte-agqjn1,.ccp-overlay--sheet.svelte-agqjn1 .ccp-chip:where(.svelte-agqjn1){min-inline-size:calc(44px / var(--axo-interface-zoom, 1));min-block-size:calc(44px / var(--axo-interface-zoom, 1))}.ccp__text.svelte-agqjn1,.ccp-sample-btn.svelte-agqjn1,.ccp-overlay--sheet.svelte-agqjn1 .ccp-sample-btn:where(.svelte-agqjn1),.ccp-overlay__picker.svelte-agqjn1 .text-input input,.ccp-overlay__picker.svelte-agqjn1 .text-input button,.ccp-overlay__picker.svelte-agqjn1 .h [role=slider]{min-height:calc(44px / var(--axo-interface-zoom, 1))}.ccp-overlay.svelte-agqjn1 .ccp-overlay__grid:where(.svelte-agqjn1),.ccp-overlay.svelte-agqjn1 .ccp-overlay__recent:where(.svelte-agqjn1),.ccp-overlay.svelte-agqjn1 .ccp-overlay__shades:where(.svelte-agqjn1){grid-template-columns:repeat(auto-fit,minmax(calc(44px / var(--axo-interface-zoom, 1)),1fr))}}@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)}}