.ui-color-picker[data-v-3bb691ec]{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;width:100%;display:grid;position:relative}.ui-color-picker__trigger[data-v-3bb691ec]{border:1px solid color-mix(in srgb,var(--ui-border-subtle) 72%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--ui-hover-overlay) 18%,transparent),transparent),color-mix(in srgb,var(--ui-layer-surface) 88%,transparent);width:100%;min-height:2.75rem;color:var(--ui-text-primary);text-align:left;border-radius:.85rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.48rem .75rem;transition:border-color .16s,background-color .16s;display:grid}.ui-color-picker.is-compact[data-v-3bb691ec]{width:auto}.ui-color-picker.is-compact .ui-color-picker__trigger[data-v-3bb691ec]{grid-template-columns:auto auto;width:2.75rem;padding-inline:.42rem}.ui-color-picker.is-compact .ui-color-picker__chevron[data-v-3bb691ec],.ui-color-picker.is-compact .ui-color-picker__value[data-v-3bb691ec]{display:none}.ui-color-picker__trigger[data-v-3bb691ec]:hover:not(:disabled){border-color:color-mix(in srgb,var(--ui-border-strong) 52%,transparent);background:color-mix(in srgb,var(--ui-hover-overlay) 56%,transparent)}.ui-color-picker__swatch[data-v-3bb691ec]{border:1px solid #ffffff2e;border-radius:.62rem;width:1.9rem;height:1.9rem;box-shadow:inset 0 1px #ffffff2e,0 8px 18px #00000038}.ui-color-picker__value[data-v-3bb691ec]{min-width:0;color:color-mix(in srgb,var(--ui-text-primary) 90%,var(--ui-text-muted));text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;font-weight:750;overflow:hidden}.ui-color-picker__chevron[data-v-3bb691ec]{color:var(--ui-text-muted);font-size:.72rem;transition:transform .16s}.ui-color-picker__chevron.is-open[data-v-3bb691ec]{transform:rotate(180deg)}.ui-color-picker__clear[data-v-3bb691ec]{border:1px solid color-mix(in srgb,var(--ui-border-subtle) 62%,transparent);background:color-mix(in srgb,var(--ui-layer-surface) 86%,transparent);width:2.75rem;height:2.75rem;color:var(--ui-text-muted);border-radius:.85rem;place-items:center;display:grid}.ui-color-picker__clear[data-v-3bb691ec]:hover:not(:disabled){background:color-mix(in srgb,var(--ui-hover-overlay) 58%,transparent);color:var(--ui-text-primary)}.ui-color-picker__panel[data-v-3bb691ec]{z-index:70;border:1px solid color-mix(in srgb,var(--ui-border-subtle) 76%,transparent);background:color-mix(in srgb,var(--ui-layer-floating) 96%,#05060a);-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);border-radius:1rem;gap:.75rem;width:min(18rem,86vw);padding:.8rem;display:grid;position:absolute;top:calc(100% + .45rem);left:0;box-shadow:0 20px 55px #0000006b,inset 0 1px #ffffff0f}.ui-color-picker__panel.is-teleported[data-v-3bb691ec]{z-index:9999;position:fixed}.ui-color-picker__sv[data-v-3bb691ec]{border:1px solid color-mix(in srgb,var(--ui-border-subtle) 76%,transparent);cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);background-clip:padding-box;border-radius:.75rem;height:9.5rem;position:relative}.ui-color-picker__sv-cursor[data-v-3bb691ec]{pointer-events:none;border:2px solid #fff;border-radius:50%;width:1rem;height:1rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 6px #00000080,inset 0 0 0 1px #0003}.ui-color-picker__hue-row[data-v-3bb691ec]{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;display:grid}.ui-color-picker__preview-swatch[data-v-3bb691ec]{border:1px solid color-mix(in srgb,var(--ui-border-subtle) 70%,transparent);border-radius:.65rem;width:2.1rem;height:2.1rem;box-shadow:inset 0 1px #ffffff2e,0 8px 18px #0000003d}.ui-color-picker__hue[data-v-3bb691ec]{appearance:none;cursor:pointer;background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);border:1px solid #ffffff24;border-radius:999px;outline:none;width:100%;height:.8rem;margin:0}.ui-color-picker__hue[data-v-3bb691ec]::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:2.5px solid #fff;border-radius:50%;width:1.05rem;height:1.05rem;box-shadow:0 1px 5px #00000073,inset 0 0 0 1px #0000002e}.ui-color-picker__hue[data-v-3bb691ec]::-moz-range-thumb{background:0 0;border:2.5px solid #fff;border-radius:50%;width:1.05rem;height:1.05rem;box-shadow:0 1px 5px #00000073,inset 0 0 0 1px #0000002e}.ui-color-picker__hue[data-v-3bb691ec]::-moz-range-track{background:0 0}.ui-color-picker__modes[data-v-3bb691ec]{gap:.5rem;display:grid}.ui-color-picker__mode-tabs[data-v-3bb691ec]{border:1px solid color-mix(in srgb,var(--ui-border-subtle) 62%,transparent);background:color-mix(in srgb,var(--ui-layer-surface) 70%,transparent);border-radius:.65rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.22rem;display:grid}.ui-color-picker__mode-tab[data-v-3bb691ec]{color:var(--ui-text-muted);letter-spacing:.08em;border-radius:.45rem;padding:.32rem .25rem;font-size:.66rem;font-weight:900;transition:background-color .14s,color .14s}.ui-color-picker__mode-tab[data-v-3bb691ec]:hover{color:var(--ui-text-primary)}.ui-color-picker__mode-tab.is-active[data-v-3bb691ec]{background:color-mix(in srgb,var(--ui-hover-overlay) 72%,transparent);color:var(--ui-text-primary);box-shadow:inset 0 1px #ffffff14}.ui-color-picker__fields[data-v-3bb691ec]{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.ui-color-picker__fields--hex[data-v-3bb691ec]{grid-template-columns:minmax(0,1fr)}.ui-color-picker__field[data-v-3bb691ec]{text-transform:uppercase;min-height:2.45rem;padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem}.ui-color-picker__number[data-v-3bb691ec]{text-align:center;gap:.28rem;display:grid}.ui-color-picker__number input[data-v-3bb691ec]{border:1px solid color-mix(in srgb,var(--ui-border-subtle) 64%,transparent);background:color-mix(in srgb,var(--ui-layer-surface) 84%,transparent);min-width:0;color:var(--ui-text-primary);text-align:center;appearance:textfield;border-radius:.55rem;padding:.42rem .3rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;font-weight:800}.ui-color-picker__number input[data-v-3bb691ec]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ui-color-picker__number input[data-v-3bb691ec]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ui-color-picker__number span[data-v-3bb691ec]{color:var(--ui-text-muted);letter-spacing:.1em;font-size:.62rem;font-weight:900}.ui-color-picker__presets[data-v-3bb691ec]{grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;display:grid}.ui-color-picker__preset[data-v-3bb691ec]{aspect-ratio:1;border:1px solid #ffffff29;border-radius:.58rem;transition:transform .16s,box-shadow .16s;box-shadow:inset 0 1px #ffffff29}.ui-color-picker__preset.is-selected[data-v-3bb691ec],.ui-color-picker__preset[data-v-3bb691ec]:hover{box-shadow:inset 0 1px 0 #ffffff38,0 0 0 2px color-mix(in srgb,var(--ui-focus-ring) 70%,transparent);transform:translateY(-1px)}.ui-color-picker.is-invalid .ui-color-picker__trigger[data-v-3bb691ec]{border-color:#f871716b}.ui-color-picker.is-disabled[data-v-3bb691ec]{opacity:.66;pointer-events:none}.ui-color-picker-pop-enter-active[data-v-3bb691ec],.ui-color-picker-pop-leave-active[data-v-3bb691ec]{transition:opacity .16s,transform .16s}.ui-color-picker-pop-enter-from[data-v-3bb691ec],.ui-color-picker-pop-leave-to[data-v-3bb691ec]{opacity:0;transform:translateY(-.25rem)scale(.98)}