.kl-palette-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;font:13px/1.5 Arial,Helvetica,sans-serif;color:light-dark(#333941,#eef0f3);background:light-dark(#eef0f3,#25282e);border-bottom:1px solid light-dark(#d7dbe2,#444a53)}
.kl-palette-bar fieldset{display:flex;flex-wrap:wrap;gap:8px 16px;border:0;padding:0;margin:0;min-width:0}
.kl-palette-bar legend{float:left;margin-right:20px;font-weight:600;padding:0}
.kl-palette-bar label{display:flex;align-items:center;gap:7px;min-height:38px;padding:5px 10px;border:1px solid transparent;border-radius:4px;cursor:pointer}
.kl-palette-bar label:has(input:checked){background:light-dark(#ffffff,#34404d);border-color:light-dark(#b6bec8,#7d8e9f)}
.kl-palette-swatch{width:12px;height:12px;border-radius:50%;border:1px solid #00000020;flex-shrink:0}
.kl-palette-swatch[data-color="architectural"]{background:#b44628}
.kl-palette-swatch[data-color="current"]{background:#c62519}
.kl-palette-swatch[data-color="sand"]{background:#87522e}
.kl-palette-bar input{accent-color:#c62519;margin:0}
@media(max-width:620px){.kl-palette-bar fieldset{display:block}.kl-palette-bar legend{float:none;margin:0 0 7px}.kl-palette-bar label{min-height:44px}}