.bf-color-input[data-v-074afd38]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.bf-color-input__label[data-v-074afd38]{flex:0 0 auto;font-size:var(--font-size-2xs);font-weight:600;letter-spacing:var(--letter-spacing-caps-tight);text-transform:uppercase;color:var(--color-text-muted)}.bf-color-input__row[data-v-074afd38]{display:inline-flex;align-items:center;gap:var(--space-2)}.bf-color-input__swatch[data-v-074afd38]{width:2.75rem;height:2rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-shadow) 10%,transparent)}.bf-color-input__swatch--transparent[data-v-074afd38],.bf-color-picker__preview--transparent[data-v-074afd38]{background-color:#e8e8e8;background-image:linear-gradient(45deg,#d0d0d0 25%,transparent 25%),linear-gradient(-45deg,#d0d0d0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d0d0d0 75%),linear-gradient(-45deg,transparent 75%,#d0d0d0 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.bf-color-input__value[data-v-074afd38]{font-size:var(--font-size-2xs);color:var(--color-text-muted)}.bf-color-input__edit[data-v-074afd38]{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text-secondary);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.bf-color-input__edit[data-v-074afd38]:hover{color:var(--color-text-primary);border-color:var(--color-accent);background:var(--color-surface-card)}.bf-color-picker-backdrop[data-v-074afd38]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10010;display:flex;align-items:center;justify-content:center;padding:max(var(--space-3),env(safe-area-inset-top,0px)) max(var(--space-3),env(safe-area-inset-right,0px)) max(var(--space-3),env(safe-area-inset-bottom,0px)) max(var(--space-3),env(safe-area-inset-left,0px));background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.bf-color-picker[data-v-074afd38]{box-sizing:border-box;width:min(20rem,100%);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:0 12px 40px color-mix(in srgb,var(--color-shadow) 35%,transparent)}.bf-color-picker__head[data-v-074afd38]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.bf-color-picker__title[data-v-074afd38]{margin:0;font-size:var(--font-size-xs);font-weight:600;letter-spacing:var(--letter-spacing-caps-tight);text-transform:uppercase;color:var(--color-text-secondary)}.bf-color-picker__close[data-v-074afd38]{margin:0;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--font-size-2xs);font-weight:600;letter-spacing:var(--letter-spacing-caps-tight);text-transform:uppercase;cursor:pointer}.bf-color-picker__body[data-v-074afd38]{display:flex;flex-direction:column;gap:var(--space-3)}.bf-color-picker__sv[data-v-074afd38]{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-sm);overflow:hidden;touch-action:none;cursor:crosshair}.bf-color-picker__sv-white[data-v-074afd38]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#fff,transparent);pointer-events:none}.bf-color-picker__sv-black[data-v-074afd38]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000,transparent);pointer-events:none}.bf-color-picker__sv-cursor[data-v-074afd38]{position:absolute;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000059,0 2px 6px #00000040;pointer-events:none}.bf-color-picker__hue[data-v-074afd38]{position:relative;height:.875rem;border-radius:var(--radius-sm);background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);touch-action:none;cursor:pointer}.bf-color-picker__hue-thumb[data-v-074afd38]{position:absolute;top:50%;width:.875rem;height:1.125rem;margin:-.5625rem 0 0 -.4375rem;border:2px solid #fff;border-radius:var(--radius-xs);box-shadow:0 0 0 1px #00000059,0 2px 6px #0003;pointer-events:none}.bf-color-picker__preview-row[data-v-074afd38]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.bf-color-picker__transparent-btn[data-v-074afd38]{margin-left:auto}.bf-color-picker__preview[data-v-074afd38]{width:2.5rem;height:2.5rem;flex-shrink:0;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.bf-color-picker__preview-hex[data-v-074afd38]{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.bf-color-picker__rgb[data-v-074afd38]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.bf-color-picker__channel[data-v-074afd38]{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-2xs);font-weight:600;color:var(--color-text-muted)}.bf-color-picker__channel--hex[data-v-074afd38]{grid-column:1 / -1}.bf-color-picker__channel-input[data-v-074afd38]{width:100%;box-sizing:border-box;padding:var(--space-2);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-card);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm)}.bf-color-picker__channel-input[data-v-074afd38]:focus{outline:none;border-color:var(--color-accent)}.bf-color-picker__foot[data-v-074afd38]{display:flex;justify-content:flex-end;gap:var(--space-2)}.bf-color-picker__btn[data-v-074afd38]{margin:0;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font:inherit;font-size:var(--font-size-2xs);font-weight:600;letter-spacing:var(--letter-spacing-caps-tight);text-transform:uppercase;cursor:pointer}.bf-color-picker__btn--ghost[data-v-074afd38]{background:transparent;color:var(--color-text-muted)}.bf-color-picker__btn--primary[data-v-074afd38]{background:var(--color-accent);color:var(--color-surface-card);border-color:transparent}