.alsa-cpicker{position:relative;display:flex;flex-direction:column;gap:var(--foundation-space-3);width:100%}.alsa-cpicker--compact{width:auto;display:inline-flex}.alsa-cpicker__swatch{width:64px;height:32px;border-radius:var(--radius-input);border:var(--border-width-sm) solid var(--border-default);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);cursor:pointer;padding:0;flex-shrink:0;transition:box-shadow .12s ease,transform .1s ease}.alsa-cpicker__swatch:hover{transform:scale(1.04)}.alsa-cpicker__swatch:focus-visible,.alsa-cpicker__swatch:hover{box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),0 0 0 3px var(--surface-accent-subtle);outline:none}.alsa-cpicker__popover{width:260px;background:var(--surface-floating,var(--surface-base));border:var(--border-width-sm) solid var(--border-default);border-radius:var(--radius-popover);box-shadow:var(--shadow-strong);padding:var(--foundation-space-3);display:flex;flex-direction:column;gap:var(--foundation-space-3);z-index:var(--z-popover,3200)}.alsa-cpicker__palette{display:flex;flex-wrap:wrap;gap:var(--foundation-space-1)}.alsa-cpicker__chip{width:22px;height:22px;border-radius:999px;border:var(--border-width-sm) solid var(--border-default);cursor:pointer;padding:0;transition:transform .1s ease,box-shadow .1s ease}.alsa-cpicker__chip:hover{transform:scale(1.12)}.alsa-cpicker__chip--selected{box-shadow:0 0 0 2px var(--surface-page),0 0 0 4px var(--border-accent)}.alsa-cpicker__square{position:relative;width:100%;aspect-ratio:1/1;border-radius:var(--radius-input);overflow:hidden;cursor:crosshair;touch-action:none;background-color:var(--sq-hue,#888);border:var(--border-width-sm) solid var(--border-subtle)}.alsa-cpicker__square-sat{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff,rgba(255,255,255,0));pointer-events:none}.alsa-cpicker__square-light{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),#000000);pointer-events:none}.alsa-cpicker__square-cursor{position:absolute;width:18px;height:18px;border-radius:50%;border:var(--border-width-lg) solid var(--always-white,#fff);box-shadow:0 0 0 1px rgba(0,0,0,.35),0 1px 4px rgba(0,0,0,.45);transform:translate(-50%,-50%);pointer-events:none}.alsa-cpicker__hue-track{position:relative;width:100%;height:16px;border-radius:999px;border:var(--border-width-sm) solid var(--border-subtle)}.alsa-cpicker__hue-input{position:absolute;inset:0;width:100%;height:100%;margin:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.alsa-cpicker__hue-input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--thumb-color,#fff);border:var(--border-width-lg) solid var(--always-white,#fff);cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.3),0 1px 4px rgba(0,0,0,.45)}.alsa-cpicker__hue-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--thumb-color,#fff);border:var(--border-width-lg) solid var(--always-white,#fff);cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.3),0 1px 4px rgba(0,0,0,.45)}.alsa-cpicker__hex{display:flex;align-items:center;gap:var(--foundation-space-2);border:var(--border-width-sm) solid var(--border-input);border-radius:var(--radius-input);background:var(--surface-input);padding:0 var(--foundation-space-2);height:36px}.alsa-cpicker__hex:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--surface-accent-subtle)}.alsa-cpicker__hex-prefix{font-size:11px;color:var(--text-muted);font-weight:600;letter-spacing:.05em}.alsa-cpicker__hex-input,.alsa-cpicker__hex-prefix{font-family:var(--font-mono-family,ui-monospace,monospace)}.alsa-cpicker__hex-input{flex:1 1;border:none;outline:none;background:transparent;font-size:13px;letter-spacing:.04em;color:var(--text-default);padding:0;width:100%}.stars{display:inline-flex;align-items:center;gap:var(--space-2xs)}.stars__icon{transition:all .2s ease}.stars--sm .stars__icon{width:.5rem;height:.5rem}.stars--md .stars__icon{width:.7rem;height:.7rem}.stars--lg .stars__icon{width:.9rem;height:.9rem}.stars--accent{color:var(--color-accent)}.stars--primary{color:var(--color-primary)}.stars--success{color:var(--color-success)}.stars--warning{color:var(--color-warning)}.stars--error{color:var(--color-error)}.stars__icon--empty{opacity:.2}.stars__icon--filled,.stars__icon--half{opacity:1}