.cp-popover{--cp-accent: var(--accent-primary, #6366f1);--cp-bg: var(--bg-elevated, #ffffff);--cp-border: var(--border-primary, rgba(0, 0, 0, .09));--cp-text: var(--text-primary, #0f172a);--cp-text-2: var(--text-secondary, #64748b);--cp-input-bg: var(--bg-secondary, #f1f5f9);--cp-radius: 10px;--cp-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 4px 6px -1px rgba(0, 0, 0, .08), 0 16px 32px -4px rgba(0, 0, 0, .16);background:var(--cp-bg);border-radius:var(--cp-radius);box-shadow:var(--cp-shadow);padding:12px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;font-size:12px;line-height:1;user-select:none;-webkit-user-select:none}.cp-theme-dark.cp-popover{--cp-bg: var(--bg-elevated, #1e293b);--cp-border: var(--border-primary, rgba(255, 255, 255, .08));--cp-text: var(--text-primary, #f1f5f9);--cp-text-2: var(--text-secondary, #94a3b8);--cp-input-bg: var(--bg-secondary, #0f172a);--cp-shadow: 0 0 0 1px rgba(255, 255, 255, .05), 0 4px 6px -1px rgba(0, 0, 0, .3), 0 16px 32px -4px rgba(0, 0, 0, .5)}.cp-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.cp-header-label{font-size:13px;font-weight:600;color:var(--cp-text);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-header-actions{display:flex;gap:2px;flex-shrink:0}.cp-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--cp-text-2);cursor:pointer;transition:background .12s ease,color .12s ease;flex-shrink:0}.cp-icon-btn:hover{background:var(--cp-input-bg)}.cp-cancel-btn:hover{color:#ef4444}.cp-apply-btn:hover{color:#22c55e}.cp-eyedropper-btn{align-self:flex-start}.cp-eyedropper-btn:hover{color:var(--cp-accent)}.cp-picker-wrap{width:100%}.cp-picker-wrap .react-colorful{width:100%;gap:10px}.cp-picker-wrap .react-colorful__saturation{border-radius:8px;height:170px;flex-shrink:0}.cp-picker-wrap .react-colorful__hue,.cp-picker-wrap .react-colorful__last-control{height:14px;border-radius:9999px;overflow:visible}.cp-picker-wrap .react-colorful__pointer{width:20px;height:20px;border:2.5px solid #fff;box-shadow:0 0 0 1px #00000026,0 2px 6px #00000040}.cp-ba-outer{padding:3px;margin:-3px}.cp-ba-row{display:flex;gap:5px}.cp-ba-swatch{flex:1;height:26px;border-radius:6px;border:none;padding:0;cursor:default;position:relative;box-shadow:inset 0 0 0 1px #00000014}.cp-ba-before{cursor:pointer}.cp-ba-before:after{content:"";position:absolute;inset:-3px;border-radius:8px;border:2px solid transparent;pointer-events:none;transition:border-color .14s ease}.cp-ba-before:hover:after{border-color:var(--cp-accent)}.cp-format-row{display:flex;align-items:flex-start;gap:6px}.cp-format-badge{flex-shrink:0;height:28px;padding:0 8px;border:1px solid var(--cp-border);border-radius:6px;background:var(--cp-input-bg);color:var(--cp-text-2);font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.06em;cursor:pointer;align-self:flex-start;transition:background .12s ease,border-color .12s ease,color .12s ease;white-space:nowrap}.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;gap:3px;flex:1;min-width:0}.cp-ch-input{width:100%;height:28px;padding:0 4px;border:1px solid var(--cp-border);border-radius:6px;background:var(--cp-input-bg);color:var(--cp-text);font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:12px;text-align:center;outline:none;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease;-moz-appearance:textfield}.cp-ch-input::-webkit-inner-spin-button,.cp-ch-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cp-ch-input:focus{border-color:var(--cp-accent);box-shadow:0 0 0 2px #6366f12e}@supports (border-color: color-mix(in srgb,red 50%,blue)){.cp-ch-input:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--cp-accent) 22%,transparent)}}.cp-ch-label{color:var(--cp-text-2);font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;line-height:1}