.color-picker-popover{position:fixed;z-index:1100;background:var(--bg-panel);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-dialog);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);width:220px;animation:scaleIn .15s ease}.cp-sat-brightness{width:100%;height:150px;border-radius:var(--radius-sm);cursor:crosshair;position:relative;overflow:hidden;border:1px solid var(--border-dark)}.cp-sb-cursor{position:absolute;width:12px;height:12px;border:2px solid white;border-radius:50%;box-shadow:0 0 2px #0009;transform:translate(-50%,-50%);pointer-events:none}.cp-hue-strip{width:100%;height:14px;border-radius:7px;cursor:pointer;position:relative;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:1px solid var(--border-dark)}.cp-hue-cursor{position:absolute;top:-2px;width:6px;height:18px;background:#fff;border:1px solid rgba(0,0,0,.3);border-radius:3px;transform:translate(-50%);pointer-events:none;box-shadow:0 1px 3px #0000004d}.cp-alpha-strip{width:100%;height:14px;border-radius:7px;cursor:pointer;position:relative;border:1px solid var(--border-dark);background-image:linear-gradient(45deg,#808080 25%,transparent 25%),linear-gradient(-45deg,#808080 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#808080 75%),linear-gradient(-45deg,transparent 75%,#808080 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.cp-alpha-gradient{position:absolute;inset:0;border-radius:inherit}.cp-alpha-cursor{position:absolute;top:-2px;width:6px;height:18px;background:#fff;border:1px solid rgba(0,0,0,.3);border-radius:3px;transform:translate(-50%);pointer-events:none;box-shadow:0 1px 3px #0000004d}.cp-inputs{display:flex;gap:var(--space-sm);align-items:center}.cp-hex-group{display:flex;align-items:center;gap:var(--space-xxs)}.cp-hex-group .cp-hash{color:var(--text-muted);font-size:var(--font-size-sm)}.cp-hex-input{width:64px;font-family:Consolas,Monaco,monospace;font-size:var(--font-size-sm);text-transform:uppercase}.cp-preview-swatch{width:28px;height:28px;border:1px solid var(--border-medium);border-radius:50%;flex-shrink:0}.cp-rgb-inputs{display:flex;gap:var(--space-xs)}.cp-rgb-group{display:flex;flex-direction:column;align-items:center;gap:2px}.cp-rgb-group input{width:44px;text-align:center;font-size:var(--font-size-xs);padding:2px}.cp-rgb-group label{font-size:9px;color:var(--text-muted);text-transform:uppercase}.cp-eyedropper-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--bg-medium);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.cp-eyedropper-btn:hover{background:var(--bg-hover);color:var(--text-bright)}.cp-eyedropper-btn svg{flex-shrink:0}