.eos-cp-swatch{width:12px;height:12px;padding:0;flex-shrink:0;border-radius:50%;border:1px dashed var(--text-muted, #6b6b73);background:transparent;line-height:1;cursor:pointer}.eos-cp-swatch--prominent{width:20px;height:20px;border:1px solid var(--border, #2c2c31)}.eos-cp-swatch--prominent:not([data-has-value]){background:conic-gradient(#e5484d,#f5a623,#f1e05a,#3fb950,#2f81f7,#a371f7,#e5484d)}.eos-cp-pop{position:fixed;z-index:1100;box-sizing:border-box;width:188px;padding:12px;overflow-y:auto;background:var(--surface-elevated, #1a1a1e);border:1px solid var(--border, #2c2c31);border-radius:12px;box-shadow:0 6px 22px #00000073;color:var(--text, #f4f4f5);font-family:inherit}.eos-cp-grid{display:grid;grid-template-columns:repeat(5,24px);gap:8px;justify-content:center}.eos-cp-cell{width:24px;height:24px;padding:0;border:none;border-radius:50%;cursor:pointer}.eos-cp-cell[data-selected]{box-shadow:0 0 0 2px var(--text, #f4f4f5)}.eos-cp-cell:focus-visible,.eos-cp-thumb:focus-visible,.eos-cp-clear:focus-visible{outline:2px solid var(--text, #f4f4f5);outline-offset:2px}.eos-cp-sv{position:relative;height:120px;margin-top:12px;border-radius:6px;background-image:linear-gradient(to top,#000,#0000),linear-gradient(to right,#fff,#fff0);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.eos-cp-hue{position:relative;height:12px;margin-top:10px;border-radius:6px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.eos-cp-thumb{position:absolute;box-sizing:border-box;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000008c,inset 0 0 0 1px #00000059;outline:none}.eos-cp-hue .eos-cp-thumb{top:50%}.eos-cp-clear{display:block;width:100%;margin-top:10px;padding:4px 0;background:transparent;border:1px solid var(--border, #2c2c31);border-radius:8px;color:var(--text-secondary, #a1a1aa);font-size:12px;cursor:pointer}.eos-cp-hex{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:5px 8px;background:var(--bg, #0a0a0b);border:1px solid var(--border, #2c2c31);border-radius:8px;color:var(--text, #f4f4f5);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;outline:none}.eos-cp-hex:focus{border-color:var(--border-strong, #3a3a40)}.eos-cp-hex[aria-invalid=true]{border-color:var(--danger, #f2787a)}.eos-cp-error{margin:4px 0 0;color:var(--danger, #f2787a);font-size:11px}