.br-color-picker-row{display:flex;align-items:stretch;gap:var(--br-space-md);margin-bottom:var(--br-space-md)}.br-color-preview{flex:1;min-height:200px;background-color:#2563eb;border:1px solid var(--br-color-border);border-radius:var(--br-radius);transition:background-color .15s}.br-color-native{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--br-space-xs);cursor:pointer}.br-color-native__label{font-size:var(--br-text-xxs);font-weight:700;color:var(--br-color-text-sub);letter-spacing:.025em;text-transform:uppercase}.br-color-native__input{width:48px;height:48px;padding:0;border:1px solid var(--br-color-border);border-radius:var(--br-radius);background:0 0;cursor:pointer}.br-color-native__input:focus{outline:0;border-color:var(--br-color-accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.br-color-inputs{display:grid;grid-template-columns:1fr;gap:var(--br-space-md)}@media (min-width:600px){.br-color-inputs{grid-template-columns:1fr 1fr 1fr}}.br-color-group{background-color:var(--br-color-bg-light);border:1px solid var(--br-color-border);border-radius:var(--br-radius);padding:var(--br-space-md)}.br-color-group__header{display:flex;align-items:center;justify-content:space-between;min-height:2.25rem;margin-bottom:var(--br-space-xs)}.br-color-group__label{font-size:var(--br-text-xs);font-weight:700;color:var(--br-color-text-sub);letter-spacing:.025em;text-transform:uppercase}.br-color-group__inputs{display:flex;gap:var(--br-space-xs)}.br-color-group__field{display:flex;flex-direction:column;gap:var(--br-space-xxs);flex:1}.br-color-group__field-label{font-size:var(--br-text-xxs);font-weight:600;color:var(--br-color-text-sub);letter-spacing:.025em}.br-color-group__input{width:100%;padding:var(--br-space-sm);font-family:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;font-size:var(--br-text-xs);line-height:1.4;color:var(--br-color-text);background-color:var(--br-color-surface);border:1px solid var(--br-color-border);border-radius:var(--br-radius);transition:border-color .15s}.br-color-group__input:focus{outline:0;border-color:var(--br-color-accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.br-color-group__input::placeholder{color:var(--br-color-text-sub);opacity:.6}.br-color-group__input--hex{font-size:var(--br-text-sm);padding:var(--br-space-sm) var(--br-space-md)}.br-color-group__input--num{text-align:center;min-width:0;-moz-appearance:textfield}.br-color-group__input--num::-webkit-inner-spin-button,.br-color-group__input--num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (max-width:599px){.br-color-picker-row{gap:var(--br-space-sm)}.br-color-preview{min-height:140px}.br-color-inputs{gap:var(--br-space-sm)}.br-color-group{padding:var(--br-space-sm)}.br-color-group__inputs{gap:var(--br-space-xxs)}}