.cp-popover,.cp-root{--cp-accent: var(--accent-primary, #6366f1);--cp-bg: var(--bg-secondary, #1c1c2a);--cp-bg-elevated: var(--bg-tertiary, #26263a);--cp-bg-input: var(--bg-control, #1a1a28);--cp-text: var(--text-primary, #e2e8f0);--cp-text-muted: var(--text-secondary,#8b95a8);--cp-border: var(--border-secondary, rgba(255,255,255,.09));--cp-shadow: 0 24px 56px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.06);--cp-radius: 13px;--cp-radius-sm: 7px;--cp-width: 276px}[data-theme=light] .cp-popover,[data-theme=light] .cp-root{--cp-bg: var(--bg-secondary, #f4f4f8);--cp-bg-elevated: var(--bg-tertiary, #ffffff);--cp-bg-input: var(--bg-control, #f0f0f5);--cp-text: var(--text-primary, #18181f);--cp-text-muted: var(--text-secondary,#6b7280);--cp-border: var(--border-secondary, rgba(0,0,0,.1));--cp-shadow: 0 20px 48px rgba(0,0,0,.14), 0 0 0 1px rgba(0,0,0,.06)}.cp-popover *,.cp-popover *:before,.cp-popover *:after,.cp-root *,.cp-root *:before,.cp-root *:after{box-sizing:border-box}.cp-popover{position:fixed;width:var(--cp-width);background:var(--cp-bg);border:1px solid var(--cp-border);border-radius:var(--cp-radius);box-shadow:var(--cp-shadow);padding:13px 13px 12px;z-index:999999;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:12px;color:var(--cp-text);pointer-events:auto}.cp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;user-select:none}.cp-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cp-text);opacity:.6}.cp-header-actions{display:flex;gap:3px}.cp-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:50%;background:transparent;cursor:pointer;color:var(--cp-text-muted);padding:0;transition:color .14s ease,background .14s ease;line-height:0}.cp-btn:hover{background:var(--cp-bg-elevated)}.cp-btn-cancel:hover{color:#f87171}.cp-btn-apply:hover{color:#4ade80}.cp-canvas{margin-bottom:10px}.cp-canvas .react-colorful{width:100%;gap:10px}.cp-canvas .react-colorful__saturation{border-radius:var(--cp-radius-sm);height:170px;flex-shrink:0}.cp-canvas .react-colorful__hue{border-radius:99px;height:11px;overflow:visible;flex-shrink:0}.cp-canvas .react-colorful__hue-pointer,.cp-canvas .react-colorful__saturation-pointer{width:17px;height:17px;border:2.5px solid #fff;box-shadow:0 1px 6px #00000073,0 0 0 1px #00000026}.cp-swatch-row{display:flex;height:28px;overflow:visible;padding:2px;margin:0 -2px 2px}.cp-swatch-half{flex:1;height:100%;cursor:pointer;transition:outline .1s ease;outline:2px solid transparent;outline-offset:0}.cp-swatch-before{border-radius:var(--cp-radius-sm) 0 0 var(--cp-radius-sm)}.cp-swatch-after{border-radius:0 var(--cp-radius-sm) var(--cp-radius-sm) 0;cursor:default}.cp-swatch-before:hover{outline-color:var(--cp-accent);z-index:1;position:relative}.cp-swatch-labels{display:flex;justify-content:space-between;padding:3px 2px 9px;font-size:10px;font-weight:400;line-height:1;color:var(--cp-text-muted);opacity:.45;user-select:none}.cp-inputs-row{display:flex;align-items:flex-start;gap:6px}.cp-format-badge{flex-shrink:0;height:28px;padding:0 8px;background:var(--cp-bg-elevated);border:1px solid var(--cp-border);border-radius:var(--cp-radius-sm);color:var(--cp-text);font-size:9.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:border-color .14s ease,background .14s ease;font-family:inherit;line-height:28px;align-self:flex-start}.cp-format-badge:hover{border-color:var(--cp-accent);background:var(--cp-bg-elevated);box-shadow:inset 0 0 0 999px #6366f114}.cp-channels{display:flex;gap:4px;flex:1;min-width:0}.cp-channel{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.cp-channel-wide{flex:1}.cp-channel-input{width:100%;height:28px;background:var(--cp-bg-input);border:1px solid var(--cp-border);border-radius:var(--cp-radius-sm);color:var(--cp-text);font-size:11px;font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;padding:0 5px;text-align:center;outline:none;transition:border-color .14s ease,box-shadow .14s ease;-moz-appearance:textfield}.cp-channel-input::-webkit-outer-spin-button,.cp-channel-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cp-channel-input:focus{border-color:var(--cp-accent);box-shadow:0 0 0 2px #6366f138}.cp-hex-input{text-transform:uppercase;letter-spacing:.06em}.cp-channel-label{font-size:9px;font-weight:500;text-align:center;color:var(--cp-text-muted);opacity:.5;letter-spacing:.07em;text-transform:uppercase;line-height:1;user-select:none}.cp-eyedropper{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--cp-border);border-radius:var(--cp-radius-sm);background:var(--cp-bg-elevated);color:var(--cp-text-muted);cursor:pointer;padding:0;transition:color .14s ease,border-color .14s ease;line-height:0;align-self:flex-start}.cp-eyedropper:hover{color:var(--cp-accent);border-color:var(--cp-accent)}.cp-standalone-trigger{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 6px;background:var(--cp-bg-elevated);border:1px solid var(--cp-border);border-radius:999px;cursor:pointer;color:var(--cp-text);font-size:12px;font-family:SFMono-Regular,Menlo,monospace;letter-spacing:.04em;transition:border-color .14s ease}.cp-standalone-trigger:hover{border-color:var(--cp-accent)}.cp-standalone-swatch{width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(255,255,255,.15);display:block;flex-shrink:0}#cp-bridge-root{position:fixed;top:0;left:0;width:0;height:0;overflow:visible;pointer-events:none;z-index:999998}