.palette-switcher{z-index:40;color:var(--pal-on-dark,#f3eee3);background:rgb(var(--pal-shade-rgb,23 24 21) / .94);border:1px solid rgb(var(--pal-gold-light-rgb,197 173 124) / .5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;bottom:8px;right:14px;box-shadow:0 14px 36px #0000004d}body:has(dialog[open]) .palette-switcher{display:none}.palette-switcher-bar{align-items:center;display:flex}.palette-switcher-toggle{min-height:32px;color:inherit;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:8px;padding:5px 11px;font-size:11px;display:inline-flex}.palette-switcher-options{border-bottom:1px solid rgb(var(--pal-on-dark-rgb,243 238 227) / .16);flex-direction:column;gap:4px;min-width:248px;max-height:calc(100dvh - 88px);padding:8px;display:flex;overflow-y:auto}.palette-switcher-option{min-height:44px;color:inherit;text-align:left;background:#ffffff0f;border:1px solid #0000;align-items:center;gap:10px;padding:7px 10px;transition:background .2s,border-color .2s;display:flex}.palette-switcher-option:hover{background:#ffffff24}.palette-switcher-option[aria-pressed=true]{background:var(--pal-gold-light,#c5ad7c);color:var(--pal-night,#171815);border-color:var(--pal-on-dark,#f3eee3)}.palette-switcher-copy{flex-direction:column;gap:2px;display:flex}.palette-switcher-copy strong{letter-spacing:.02em;font-size:12px;font-weight:600}.palette-switcher-copy small{opacity:.82;font-size:11px}.palette-switcher-swatches{flex-shrink:0;align-items:center;display:inline-flex}.palette-switcher-swatch{border:1px solid #00000047;border-radius:50%;width:10px;height:10px;margin-left:-2px}.palette-switcher-swatch:first-child{margin-left:0}@media (max-width:760px){.palette-switcher{max-width:calc(100vw - 20px);bottom:8px;right:10px}}