.color-picker-container[data-v-f1246f4a]{border:1px solid #ccc;border-radius:4px;width:100%;display:inline-block;position:relative}.color-trigger[data-v-f1246f4a]{cursor:pointer;box-sizing:border-box;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;align-items:center;min-width:100%;padding:6px 12px;display:flex}.color-trigger[data-v-f1246f4a]:hover{border-color:#40a9ff}.color-preview[data-v-f1246f4a]{border:1px solid #d9d9d9;border-radius:2px;width:20px;height:20px;margin-right:8px}.color-value[data-v-f1246f4a]{color:#333;word-break:break-all;flex:1;margin-right:8px;font-size:14px}.arrow-icon[data-v-f1246f4a]{color:#666;font-size:12px}.picker-wrapper[data-v-f1246f4a]{z-index:1000;border-radius:4px;position:fixed;overflow:hidden;box-shadow:0 4px 12px #00000026}