.cube-picker{display:inline-flex;flex-direction:column;align-items:center;gap:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#e0e0e0}.cube-picker canvas{display:block;border-radius:8px;outline:none}.cube-picker-controls{display:flex;align-items:center;gap:12px}.cube-picker-swatch{width:36px;height:36px;border-radius:6px;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.cube-picker-hex{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#e0e0e0;padding:6px 10px;width:90px;text-align:center;outline:none;transition:border-color .15s}.cube-picker-hex:focus{border-color:#fff6}.cube-picker-channels{display:flex;gap:6px;font-size:12px;color:#ffffff80}.cube-picker-channel{display:flex;flex-direction:column;align-items:center;gap:2px}.cube-picker-channel label{font-size:10px;text-transform:uppercase;color:#ffffff59}.cube-picker-channel input{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:3px;color:#e0e0e0;padding:3px 4px;width:42px;text-align:center;outline:none}.cube-picker-channel input:focus{border-color:#ffffff4d}.cube-picker-copy{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fff9;padding:6px 8px;cursor:pointer;font-size:13px;line-height:1;transition:background .15s,color .15s}.cube-picker-copy:hover{background:#ffffff24;color:#ffffffd9}.cube-picker-mode-toggle{display:flex;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.cube-picker-mode-toggle button{background:#ffffff0d;border:none;color:#ffffff73;padding:4px 10px;font-size:11px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.cube-picker-mode-toggle button.active{background:#ffffff26;color:#e0e0e0}.cube-picker-mode-toggle button:not(:last-child){border-right:1px solid rgba(255,255,255,.1)}