.color-picker-container[data-v-5b8b52e1]{width:250px;padding:0 0 10px;background:var(--generic-background-color);border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15)}.color-area[data-v-5b8b52e1]{position:relative;width:100%;height:140px;border-radius:4px;cursor:crosshair;overflow:hidden;margin-bottom:12px;border:1px solid var(--divider-color)}.saturation-overlay[data-v-5b8b52e1]{position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-gradient(linear,left top,right top,from(#fff),to(transparent));background:linear-gradient(90deg,#fff 0,transparent)}.brightness-overlay[data-v-5b8b52e1]{position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));background:linear-gradient(0deg,#000 0,transparent)}.color-pointer[data-v-5b8b52e1]{position:absolute;width:14px;height:14px;border:2px solid #fff;border-radius:50%;-webkit-box-shadow:0 0 3px rgba(0,0,0,.5);box-shadow:0 0 3px rgba(0,0,0,.5);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.bottom-row[data-v-5b8b52e1]{gap:8px;margin-bottom:12px}.bottom-row[data-v-5b8b52e1],.left-section[data-v-5b8b52e1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.left-section[data-v-5b8b52e1]{gap:6px;margin-right:4px}.eyedropper-icon[data-v-5b8b52e1]{color:var(--modal-text-color-2);cursor:pointer}.current-color-circle[data-v-5b8b52e1]{width:24px;height:24px;border-radius:50%;border:1px solid var(--divider-color);-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.1);box-shadow:inset 0 0 2px rgba(0,0,0,.1)}.hue-bar[data-v-5b8b52e1]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;height:8px;border-radius:4px;background:-webkit-gradient(linear,left top,right top,from(red),color-stop(16.66%,#ff0),color-stop(33.33%,#0f0),color-stop(50%,#0ff),color-stop(66.66%,#00f),color-stop(83.33%,#f0f),to(red));background:linear-gradient(90deg,red 0,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red);cursor:pointer}.hue-pointer[data-v-5b8b52e1]{position:absolute;top:50%;width:18px;height:18px;border:2px solid var(--generic-background-color);border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2)}.rgb-inputs[data-v-5b8b52e1]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.input-group[data-v-5b8b52e1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.rgb-input[data-v-5b8b52e1]{width:50px;height:28px;padding:4px;border:1px solid var(--divider-color);border-radius:4px;text-align:center;font-size:13px;color:var(--modal-text-color);background:var(--editor-bg-color)}.rgb-input[data-v-5b8b52e1]:focus{outline:none;border-color:var(--app-brand-green-1)}.input-group label[data-v-5b8b52e1]{font-size:11px;font-weight:500;color:var(--modal-text-color);text-transform:uppercase}