.color-picker-mobile[data-v-66d266c1]{display:inline-flex;flex-shrink:0;vertical-align:middle}.color-overlay-host[data-v-66d266c1]{position:static}.color-trigger[data-v-66d266c1]{width:40px;height:40px;padding:4px;border:1px solid #dcdfe6;border-radius:4px;background:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.color-trigger[data-v-66d266c1]:disabled{cursor:not-allowed;opacity:.55}.color-trigger-inner[data-v-66d266c1],.preview-swatch[data-v-66d266c1]{position:relative;display:block;overflow:hidden;background-image:linear-gradient(45deg,#dcdfe6 25%,transparent 0),linear-gradient(-45deg,#dcdfe6 25%,transparent 0),linear-gradient(45deg,transparent 75%,#dcdfe6 0),linear-gradient(-45deg,transparent 75%,#dcdfe6 0);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.color-trigger-inner[data-v-66d266c1]{width:100%;height:100%;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.color-fill[data-v-66d266c1]{position:absolute;left:0;right:0;top:0;bottom:0}.color-overlay[data-v-66d266c1]{position:fixed;left:0;right:0;top:0;bottom:0;z-index:5000;display:flex;align-items:flex-end;background:rgba(0,0,0,.45);touch-action:none;overscroll-behavior:none}.color-sheet[data-v-66d266c1]{width:100%;display:flex;flex-direction:column;background:#f2f3f5;border-radius:12px 12px 0 0;overflow:hidden;padding-bottom:max(8px,env(safe-area-inset-bottom,0))}.sheet-header[data-v-66d266c1]{position:relative;display:flex;align-items:center;justify-content:center;padding:14px 40px 10px;background:#fff}.sheet-title[data-v-66d266c1]{font-size:16px;font-weight:600;color:#303133}.header-close[data-v-66d266c1]{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:0;border:none;background:transparent;color:#909399}.sheet-body[data-v-66d266c1]{padding:12px;background:#fff}.preset-row[data-v-66d266c1]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.preset-dot[data-v-66d266c1]{width:28px;height:28px;padding:0;border:1px solid rgba(0,0,0,.12);border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent}.preset-dot.selected[data-v-66d266c1]{box-shadow:0 0 0 2px #409eff}.sv-panel[data-v-66d266c1]{position:relative;width:100%;height:180px;border-radius:8px;overflow:hidden;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sv-black[data-v-66d266c1],.sv-white[data-v-66d266c1]{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none}.sv-white[data-v-66d266c1]{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.sv-black[data-v-66d266c1]{background:linear-gradient(0deg,#000,transparent)}.sv-thumb[data-v-66d266c1]{position:absolute;width:18px;height:18px;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}.slider-panel[data-v-66d266c1]{position:relative;height:24px;margin-top:14px;border-radius:12px;overflow:hidden;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hue-panel[data-v-66d266c1]{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.alpha-panel[data-v-66d266c1]{background-image:linear-gradient(45deg,#dcdfe6 25%,transparent 0),linear-gradient(-45deg,#dcdfe6 25%,transparent 0),linear-gradient(45deg,transparent 75%,#dcdfe6 0),linear-gradient(-45deg,transparent 75%,#dcdfe6 0);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.alpha-gradient[data-v-66d266c1]{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none}.slider-thumb[data-v-66d266c1]{position:absolute;top:50%;width:18px;height:18px;border:2px solid #fff;border-radius:50%;background:transparent;box-shadow:0 0 0 1px rgba(0,0,0,.28);transform:translate(-50%,-50%);pointer-events:none}.preview-row[data-v-66d266c1]{display:flex;align-items:center;gap:10px;margin-top:14px}.preview-swatch[data-v-66d266c1]{flex-shrink:0;width:32px;height:32px;border-radius:6px;border:1px solid rgba(0,0,0,.12)}.sheet-footer[data-v-66d266c1]{display:flex;gap:8px;padding:10px 12px 12px;background:#fff}.footer-btn[data-v-66d266c1]{flex:1;height:40px;border-radius:10px;font-size:14px;font-weight:600}.cancel-btn[data-v-66d266c1]{color:#606266;background:#fff;border:1px solid #dcdfe6}.confirm-btn[data-v-66d266c1]{color:#fff;background:linear-gradient(180deg,#53a8ff,#409eff);border:1px solid #409eff}.color-picker-mobile-sheet-enter-active[data-v-66d266c1],.color-picker-mobile-sheet-leave-active[data-v-66d266c1]{transition:opacity .22s ease}.color-picker-mobile-sheet-enter-active .color-sheet[data-v-66d266c1],.color-picker-mobile-sheet-leave-active .color-sheet[data-v-66d266c1]{transition:transform .22s ease}.color-picker-mobile-sheet-enter[data-v-66d266c1],.color-picker-mobile-sheet-leave-to[data-v-66d266c1]{opacity:0}.color-picker-mobile-sheet-enter .color-sheet[data-v-66d266c1],.color-picker-mobile-sheet-leave-to .color-sheet[data-v-66d266c1]{transform:translateY(100%)}.input-color-picker-div[data-v-8363f4ca]{display:inline-flex}.input-color-picker-div .color-input-div[data-v-8363f4ca]{display:inline-block;flex-grow:1}