.studio-color-input{gap:var(--mv-space-compact);flex-direction:column;min-width:0;display:flex}.studio-color-input .color-picker{width:100%;display:flex}.studio-color-input .color-picker__trigger{width:100%;min-height:var(--mv-control-height);padding-inline:var(--mv-space-inline);gap:var(--mv-space-compact);border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);font-size:var(--mv-text-control);line-height:var(--mv-leading-control)}.studio-color-input .color-picker__trigger>span:not(.color-swatch){text-align:start;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.studio-color-input .color-picker__trigger>svg{color:var(--muted);flex-shrink:0}.studio-color-input .color-picker__trigger[data-hovered=true]{background:var(--surface-secondary)}.studio-color-popover{width:min(280px, calc(100vw - 2 * var(--mv-space-copy)));min-width:0;padding:var(--mv-space-copy);gap:var(--mv-space-copy);border-radius:var(--mv-radius-card)}.studio-color-popover .color-area{border-radius:var(--radius);max-width:none}.studio-color-popover :is(.label,.color-input-group__input){font-size:var(--mv-text-control);line-height:var(--mv-leading-control)}.studio-color-popover .color-input-group{min-height:var(--mv-control-height)}