#hue-picker{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}#hue-trigger{width:44px;height:44px;border-radius:50%;border:2px solid oklch(38% .02 var(--brand-h, 250));background:oklch(20% .014 var(--brand-h, 250));cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00000073;transition:transform .2s ease,box-shadow .2s ease;padding:0}#hue-trigger:hover{transform:scale(1.1);box-shadow:0 6px 28px #0000008c}@media(max-width:767px){#hue-picker{display:none}}#hue-trigger-dot{width:22px;height:22px;border-radius:50%;background:var(--brand-color, oklch(62% .18 250));display:block;pointer-events:none}#hue-panel{position:relative;background:oklch(19% .018 var(--brand-h, 250));border:1px solid oklch(32% .022 var(--brand-h, 250));border-radius:1rem;padding:1rem;box-shadow:0 8px 40px #0000008c;display:flex;flex-direction:column;align-items:center;gap:.75rem;transform-origin:bottom right}#hue-panel[hidden]{display:none}.hue-wheel-container{position:relative;width:160px;height:160px;border-radius:50%;cursor:crosshair;outline:none;touch-action:none}.hue-wheel-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#e2568b,#e85a48 8.33%,#e2641d 12.5%,#da6c00,#d17500 16.67%,#ae8a00,#849c00 33.33%,#73a100 35.42%,#67a30e,#5ca524 37.5%,#41a93c 39.58%,#2caa46 40.62%,#1cab4a 41.15%,#10ac4c,#00ac4e 41.67%,#00ab56,#00ab5d 42.71%,#00aa69 43.75%,#00a97a 45.83%,#00a692 50%,#00a1b5 58.33%,#009ec7,#0099df 66.67%,#0097e8,#0094f1 68.75%,#1493f4,#2592f4 69.79%,#398ff6 70.83%,#6684fb 75%,#a170eb,#c95fc2,#e2568b);background:conic-gradient(#e2568b,#e85a48 8.33%,#e2641d 12.5%,color(xyz 0.35 0.256 0.021),color(xyz 0.341 0.258 0.002) 16.67%,color(xyz 0.276 0.271 -0.019),color(xyz 0.208 0.287 0.015) 33.33%,color(xyz 0.195 0.29 0.038) 35.42%,#67a30e,#5ca524 37.5%,#41a93c 39.58%,#2caa46 40.62%,#1cab4a 41.15%,#10ac4c,color(xyz 0.161 0.3 0.122) 41.67%,color(xyz 0.16 0.3 0.133),color(xyz 0.159 0.301 0.143) 42.71%,color(xyz 0.157 0.301 0.166) 43.75%,color(xyz 0.155 0.302 0.215) 45.83%,color(xyz 0.154 0.304 0.328) 50%,color(xyz 0.19 0.296 0.612) 58.33%,color(xyz 0.22 0.289 0.733),color(xyz 0.251 0.28 0.866) 66.67%,color(xyz 0.259 0.278 0.876),color(xyz 0.266 0.276 0.887) 68.75%,#1493f4,#2592f4 69.79%,#398ff6 70.83%,#6684fb 75%,#a170eb,#c95fc2,#e2568b)}.hue-wheel-hole{position:absolute;top:50%;left:50%;width:92px;height:92px;transform:translate(-50%,-50%);border-radius:50%;background:oklch(19% .018 var(--brand-h, 250));pointer-events:none;display:flex;align-items:center;justify-content:center}.hue-wheel-swatch{width:60px;height:60px;border-radius:50%;background:var(--brand-color, oklch(62% .18 250));box-shadow:0 2px 10px #0000004d}.hue-handle{position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid oklch(0% 0 0 / .25);box-shadow:0 1px 6px #0006;transform:translate(-50%,-50%);pointer-events:none;top:18px;left:80px}.hue-presets{display:flex;gap:.375rem}.hue-preset{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .15s ease,border-color .15s ease;outline-offset:2px}.hue-preset:hover,.hue-preset.active{transform:scale(1.18);border-color:#fff}#hue-reset{background:transparent;border:1px solid oklch(35% .022 var(--brand-h, 250));color:oklch(72% .03 var(--brand-h, 250));border-radius:.4rem;padding:.25rem .75rem;font-size:.7rem;cursor:pointer;font-family:inherit;transition:background .15s ease,color .15s ease;width:100%}#hue-reset:hover{background:oklch(30% .02 var(--brand-h, 250));color:#fff}#hue-promo-btn{position:absolute;top:.55rem;right:.55rem;width:18px;height:18px;border-radius:50%;border:1px solid oklch(45% .06 var(--brand-h, 250) / .6);background:oklch(26% .02 var(--brand-h, 250));color:oklch(62% .12 var(--brand-h, 250));font-size:.62rem;font-weight:700;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease,border-color .15s ease;font-family:inherit;z-index:1}#hue-promo-btn:hover,#hue-promo-btn[aria-expanded=true]{background:oklch(36% .1 var(--brand-h, 250));border-color:oklch(60% .16 var(--brand-h, 250) / .7);color:oklch(82% .18 var(--brand-h, 250))}#hue-promo-popup{position:absolute;top:.4rem;right:1.8rem;width:190px;background:oklch(15% .016 var(--brand-h, 250));border:1px solid oklch(42% .08 var(--brand-h, 250) / .55);border-radius:.55rem;padding:.65rem .75rem;font-size:.67rem;line-height:1.5;color:oklch(65% .025 var(--brand-h, 250));box-shadow:0 4px 20px #00000080;z-index:10}#hue-promo-popup p{margin:0 0 .4rem}#hue-promo-popup a{color:oklch(70% .18 var(--brand-h, 250));text-decoration:none;font-weight:600}#hue-promo-popup a:hover{text-decoration:underline;color:oklch(80% .2 var(--brand-h, 250))}