.color-picker-container[data-v-ae92f39e]{width:100%;margin:10px auto;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:visible;position:relative}.color-name[data-v-ae92f39e]{margin-left:10px;color:#374151}.custom-dropdown[data-v-ae92f39e]{display:flex;align-items:center;justify-content:space-between;padding:8px;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;position:relative;background-color:#fff;transition:background-color .2s,border-color .2s}.custom-dropdown[data-v-ae92f39e]:hover{background-color:#f3f4f6;border-color:#9ca3af}.custom-dropdown[data-v-ae92f39e]:focus{outline:2px solid #3E73D7;outline-offset:2px}.color-swatch[data-v-ae92f39e]{width:30px;height:30px;border:1px solid rgba(0,0,0,.15);border-radius:4px;flex-shrink:0}.dropdown-icon[data-v-ae92f39e]{font-size:.75rem;color:#6b7280;transition:transform .3s}.dropdown-icon.rotate[data-v-ae92f39e]{transform:rotate(180deg)}.dropdown-options[data-v-ae92f39e]{position:absolute;top:100%;left:0;background:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;z-index:50;max-height:250px;overflow-y:auto;box-shadow:0 4px 15px #00000026;margin-top:4px}.dropdown-option[data-v-ae92f39e]{display:flex;align-items:center;padding:10px;cursor:pointer;transition:background-color .15s;color:#374151}.dropdown-option[data-v-ae92f39e]:hover,.dropdown-option[data-v-ae92f39e]:focus{background-color:#eff6ff;outline:none}.dropdown-option.selected[data-v-ae92f39e]{background-color:#dbeafe;font-weight:600}.dropdown-empty[data-v-ae92f39e]{padding:10px;color:#6b7280;text-align:center;font-style:italic}.fade-enter-active[data-v-ae92f39e],.fade-leave-active[data-v-ae92f39e]{transition:opacity .2s}.fade-enter[data-v-ae92f39e],.fade-leave-to[data-v-ae92f39e]{opacity:0}.search-bar[data-v-ae92f39e]{width:calc(100% - 10px);padding:8px;margin:5px;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;background-color:#fff;color:#374151}.search-bar[data-v-ae92f39e]::-moz-placeholder{color:#9ca3af}.search-bar[data-v-ae92f39e]::placeholder{color:#9ca3af}.search-bar[data-v-ae92f39e]:focus{outline:none;border-color:#3e73d7;box-shadow:0 0 0 2px #3e73d733}.dark .color-picker-container .color-name{color:#e5e7eb}.dark .color-picker-container .custom-dropdown{background-color:#242628;border-color:#3a3d40}.dark .color-picker-container .custom-dropdown:hover{background-color:#2d3033;border-color:#4a4d50}.dark .color-picker-container .color-swatch{border-color:#ffffff26}.dark .color-picker-container .dropdown-icon{color:#9ca3af}.dark .color-picker-container .dropdown-options{background-color:#1e2022;border-color:#3a3d40;box-shadow:0 4px 20px #00000080}.dark .color-picker-container .dropdown-option{color:#e5e7eb}.dark .color-picker-container .dropdown-option:hover,.dark .color-picker-container .dropdown-option:focus{background-color:#2d3033}.dark .color-picker-container .dropdown-option.selected{background-color:#1e3a5f}.dark .color-picker-container .dropdown-empty{color:#9ca3af}.dark .color-picker-container .search-bar{background-color:#1a1c1e;border-color:#3a3d40;color:#e5e7eb}.dark .color-picker-container .search-bar::-moz-placeholder{color:#6b7280}.dark .color-picker-container .search-bar::placeholder{color:#6b7280}.dark .color-picker-container .search-bar:focus{border-color:#3e73d7;box-shadow:0 0 0 2px #3e73d74d}