.color-input-wrapper[data-v-155b8350]{position:relative;display:inline-block;width:100%}.color-input-container[data-v-155b8350]{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;border:1px solid #d9d9d9;border-radius:6px;padding:4px 8px;background:#fff;transition:all .3s}.color-input-container[data-v-155b8350]:hover{border-color:#40a9ff}.color-input-container[data-v-155b8350]:focus-within{border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.color-preview[data-v-155b8350]{width:24px;height:24px;border:1px solid #d9d9d9;border-radius:4px;margin-right:8px;-ms-flex-negative:0;flex-shrink:0;background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.color-input[data-v-155b8350]{-ms-flex:1;flex:1;border:none;outline:none;background:transparent;font-size:14px;color:#262626}.color-input[data-v-155b8350]:focus{box-shadow:none}.dropdown-icon[data-v-155b8350]{color:#bfbfbf;transition:all .3s;font-size:12px}.dropdown-icon.open[data-v-155b8350]{transform:rotate(180deg);color:#1890ff}.color-picker-popup[data-v-155b8350]{position:absolute;top:100%;left:0;z-index:1050;margin-top:8px;background:#fff;border:1px solid #d9d9d9;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.12);padding:20px;width:320px;animation:slideDown-155b8350 .3s ease}@keyframes slideDown-155b8350{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.color-picker-content[data-v-155b8350]{width:280px}.color-picker-main[data-v-155b8350]{margin-bottom:20px}.saturation-area[data-v-155b8350]{width:100%;height:160px;position:relative;cursor:crosshair;border-radius:6px;overflow:hidden;margin-bottom:16px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.saturation-bg[data-v-155b8350]{width:100%;height:100%;position:relative}.saturation-white[data-v-155b8350]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#fff,transparent)}.saturation-black[data-v-155b8350]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,#000,transparent)}.saturation-cursor[data-v-155b8350]{position:absolute;width:14px;height:14px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.2);pointer-events:none}.hue-bar[data-v-155b8350]{width:100%;height:14px;position:relative;cursor:pointer;border-radius:7px;background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.hue-cursor[data-v-155b8350]{position:absolute;top:-3px;width:20px;height:20px;border:3px solid #fff;border-radius:50%;transform:translateX(-50%);box-shadow:0 0 0 1px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.2);pointer-events:none}.color-preview-section[data-v-155b8350]{margin-bottom:20px}.color-display[data-v-155b8350]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px;padding:12px;background:#fafafa;border-radius:6px;border:1px solid #f0f0f0}.color-preview-large[data-v-155b8350]{width:48px;height:48px;border:1px solid #d9d9d9;border-radius:6px;background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.color-value[data-v-155b8350]{font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;color:#595959;background:#fff;padding:8px 12px;border-radius:4px;border:1px solid #e8e8e8;-ms-flex:1;flex:1;font-weight:500}.alpha-section[data-v-155b8350]{margin-bottom:20px}.alpha-label[data-v-155b8350]{font-size:13px;color:#595959;margin-bottom:10px;font-weight:500}.alpha-slider-container[data-v-155b8350]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px}.alpha-bar[data-v-155b8350]{-ms-flex:1;flex:1;height:14px;position:relative;cursor:pointer;border-radius:7px;background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.alpha-bg[data-v-155b8350]{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:7px}.alpha-cursor[data-v-155b8350]{position:absolute;top:-3px;width:20px;height:20px;border:3px solid #fff;border-radius:50%;transform:translateX(-50%);box-shadow:0 0 0 1px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.2);pointer-events:none}.alpha-value[data-v-155b8350]{font-size:13px;color:#595959;min-width:40px;text-align:right;font-weight:500;background:#f5f5f5;padding:4px 8px;border-radius:4px}.color-picker-actions[data-v-155b8350]{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;gap:8px;padding-top:16px;border-top:1px solid #f0f0f0}.ant-btn[data-v-27f2dbd0]{margin-left:30px;margin-bottom:30px;float:right}.drawer-footer[data-v-27f2dbd0]{position:absolute;bottom:-8px;width:100%;border-top:1px solid #e8e8e8;padding:10px 16px;text-align:right;left:0;background:#fff;border-radius:0 0 2px 2px}