.color-picker[data-v-4ddb0e17]{position:relative;display:flex;flex-direction:column;gap:8px}.color-picker__label[data-v-4ddb0e17]{font-size:14px;font-weight:500;color:#374151}.color-picker__container[data-v-4ddb0e17]{position:relative}.color-picker__trigger[data-v-4ddb0e17]{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;transition:border-color .2s}.color-picker__trigger[data-v-4ddb0e17]:hover{border-color:#9ca3af}.color-picker__preview[data-v-4ddb0e17]{width:24px;height:24px;border-radius:4px;border:1px solid #e5e7eb;flex-shrink:0}.color-picker__input[data-v-4ddb0e17]{flex:1;border:none;outline:none;font-family:Courier New,monospace;font-size:14px;background:transparent}.color-picker__arrow[data-v-4ddb0e17]{font-size:12px;color:#6b7280;transition:transform .2s;flex-shrink:0}.color-picker__arrow--open[data-v-4ddb0e17]{transform:rotate(180deg)}.color-picker__dropdown[data-v-4ddb0e17]{position:absolute;top:100%;left:0;width:200px;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.15);padding:8px;z-index:1000;margin-top:4px}.color-picker__color-area[data-v-4ddb0e17]{width:100%;height:120px;position:relative;cursor:crosshair;border-radius:4px;overflow:hidden;margin-bottom:8px}.color-picker__color-overlay[data-v-4ddb0e17]{width:100%;height:100%;position:relative}.color-picker__white-overlay[data-v-4ddb0e17]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#fff,transparent)}.color-picker__black-overlay[data-v-4ddb0e17]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent,#000)}.color-picker__cursor[data-v-4ddb0e17]{position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px rgba(0,0,0,.3);pointer-events:none}.color-picker__hue-slider[data-v-4ddb0e17]{width:100%;height:10px;background:linear-gradient(90deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red);border-radius:5px;position:relative;cursor:pointer;margin-bottom:8px}.color-picker__hue-cursor[data-v-4ddb0e17]{position:absolute;top:-3px;width:16px;height:16px;background:#fff;border:2px solid #333;border-radius:50%;transform:translateX(-50%);pointer-events:none}.color-picker__presets[data-v-4ddb0e17]{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.color-picker__preset[data-v-4ddb0e17]{width:18px;height:18px;border-radius:3px;border:1px solid #e5e7eb;cursor:pointer;transition:transform .1s}.color-picker__preset[data-v-4ddb0e17]:hover{transform:scale(1.1)}@media (max-width:640px){.color-picker__dropdown[data-v-4ddb0e17]{width:180px}.color-picker__color-area[data-v-4ddb0e17]{height:100px}.color-picker__presets[data-v-4ddb0e17]{grid-template-columns:repeat(6,1fr)}.color-picker__preset[data-v-4ddb0e17]{width:16px;height:16px}}.custom-file-single[data-v-2ed4b3cc] .custom-file-label:after{content:"Browse"!important}.custom-file-single[data-v-2ed4b3cc] .custom-file-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:80px}.custom-file-input[data-v-2ed4b3cc]{color:transparent!important}.custom-file-input[data-v-2ed4b3cc]::-webkit-file-upload-button{visibility:hidden}