.cp-popover{--cp-accent: var(--accent-primary, #6366f1);--cp-accent-glow: rgba(99, 102, 241, .25);--cp-bg: #ffffff;--cp-surface: #f4f4f5;--cp-border: rgba(0, 0, 0, .1);--cp-text: #111827;--cp-text-muted: #6b7280;--cp-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 10px 28px -4px rgba(0,0,0,.14), 0 0 0 1px rgba(0,0,0,.06);--cp-btn-hover: rgba(0, 0, 0, .06);width:288px;background:var(--cp-bg);border-radius:14px;box-shadow:var(--cp-shadow);padding:12px;display:flex;flex-direction:column;gap:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:13px;user-select:auto;-webkit-user-select:auto}.cp-dark{--cp-bg: #262626;--cp-surface: #404040;--cp-border: rgba(255, 255, 255, .09);--cp-text: #ffffff;--cp-text-muted: #a3a3a3;--cp-shadow: 0 4px 6px -1px rgba(0,0,0,.5), 0 10px 28px -4px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.06);--cp-btn-hover: rgba(255, 255, 255, .08)}.cp-header{display:flex;align-items:center;justify-content:space-between;padding:0 2px 2px}.cp-header-label{font-size:13px;font-weight:600;color:var(--cp-text);letter-spacing:-.01em}.cp-header-actions{display:flex;gap:3px}.cp-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--cp-text-muted);transition:background .13s ease,color .13s ease;flex-shrink:0;padding:0}.cp-icon-btn:hover{background:var(--cp-btn-hover)}.cp-btn-cancel:hover{color:#ef4444}.cp-btn-apply:hover{color:var(--cp-accent)}.cp-btn-eyedrop{width:32px;height:32px;border-radius:7px;border:1px solid var(--cp-border);align-self:flex-start;flex-shrink:0;transition:border-color .13s,color .13s,background .13s}.cp-btn-eyedrop:hover{color:var(--cp-accent);border-color:var(--cp-accent)}.cp-picker-wrap{width:100%}.cp-picker-wrap .react-colorful{width:100%!important;border-radius:8px;overflow:visible;gap:0}.cp-picker-wrap .react-colorful__saturation{height:170px;border-radius:8px 8px 0 0;flex:none}.cp-picker-wrap .react-colorful__hue{height:14px;margin-top:10px;border-radius:7px;overflow:visible!important;flex:none}.cp-picker-wrap .react-colorful__hue-pointer,.cp-picker-wrap .react-colorful__saturation-pointer{width:18px;height:18px;border-width:2px;box-shadow:0 1px 4px #0000004d}.cp-swatch-block{display:flex;flex-direction:column;gap:4px}.cp-swatch-strip{display:flex;height:28px;border-radius:8px;padding:2px;margin:-2px}.cp-swatch-half{flex:1;border:none;cursor:default;transition:outline .1s ease;outline:2px solid transparent;outline-offset:0;position:relative}.cp-swatch-before{border-radius:6px 0 0 6px;cursor:pointer}.cp-swatch-after{border-radius:0 6px 6px 0}.cp-swatch-before:hover{outline:2px solid var(--cp-accent);z-index:1}.cp-swatch-labels{display:flex;justify-content:space-between;padding:0 4px}.cp-swatch-lbl{font-size:10px;font-weight:400;color:var(--cp-text-muted);opacity:.75;letter-spacing:.01em;line-height:1}.cp-format-row{display:flex;align-items:flex-start;gap:6px}.cp-format-badge{font-size:10px;font-weight:700;letter-spacing:.08em;padding:0 9px;height:32px;border-radius:7px;border:1px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-text-muted);cursor:pointer;flex-shrink:0;transition:border-color .13s,color .13s;align-self:flex-start}.cp-format-badge:hover{border-color:var(--cp-accent);color:var(--cp-accent)}.cp-channels{display:flex;gap:4px;flex:1;min-width:0}.cp-channel{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.cp-channel input,.cp-hex-field{width:100%;height:32px;border-radius:7px;border:1px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-text);text-align:center;font-size:13px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;padding:0 4px;box-sizing:border-box;outline:none;transition:border-color .13s,box-shadow .13s;user-select:text!important;-webkit-user-select:text!important;cursor:text}.cp-channel input:focus,.cp-hex-field:focus{border-color:var(--cp-accent);box-shadow:0 0 0 2.5px var(--cp-accent-glow)}.cp-channel input[type=number]::-webkit-inner-spin-button,.cp-channel input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cp-channel input[type=number]{-moz-appearance:textfield}.cp-channel-lbl{font-size:10px;font-weight:500;color:var(--cp-text-muted);margin-top:3px;line-height:1;white-space:nowrap}.cp-hex-field{width:100%}