.rich-text-editor2-color-picker{padding:12px;min-width:220px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rich-text-editor2-color-picker-hex{display:flex;align-items:center;gap:8px;margin-bottom:10px}.rich-text-editor2-color-picker-hex-label{font-size:12px;color:#666;min-width:28px}.rich-text-editor2-color-picker-hex-input{flex:1;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;font-family:ui-monospace,monospace}.rich-text-editor2-color-picker-hex-input:focus{outline:none;border-color:#2563eb}.rich-text-editor2-color-picker-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.rich-text-editor2-color-picker-swatches button{width:20px;height:20px;border:1px solid rgba(0,0,0,.2);border-radius:4px;cursor:pointer;padding:0}.rich-text-editor2-color-picker-swatches button:hover{box-shadow:0 0 0 2px rgba(0,0,0,.2)}.rich-text-editor2-color-picker-swatches button.active{box-shadow:0 0 0 2px rgba(0,0,0,.6)}.rich-text-editor2-color-picker-sv{position:relative;width:100%;height:140px;border-radius:6px;overflow:hidden;cursor:crosshair;border:1px solid #e5e7eb}.rich-text-editor2-color-picker-sv-cursor{position:absolute;width:14px;height:14px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.3);transform:translate(-50%,-50%);pointer-events:none}.rich-text-editor2-color-picker-hue{position:relative;width:100%;height:12px;margin-top:12px;border-radius:6px;cursor:pointer;border:1px solid #e5e7eb}.rich-text-editor2-color-picker-hue-cursor{position:absolute;width:14px;height:14px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.3);transform:translate(-50%,-50%);top:50%;pointer-events:none}.rich-text-editor2-color-picker-preview{margin-top:12px;height:28px;border-radius:4px;border:1px solid #e5e7eb}