.attribute-picker { display:grid; gap:.55rem; padding:.75rem; border:1px solid #a8b4e44a; border-radius:.85rem; background:#171f37; }
.attribute-catalog-status { margin:0; color:#c4d3ee; font-size:.85rem; }
.attribute-choices { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr)); gap:.45rem; max-height:13rem; overflow:auto; padding:.15rem; scrollbar-width:thin; }
.attribute-choice { display:grid; text-align:left; gap:.25rem; color:inherit; font:inherit; background:#242b47; border:1px solid #a8b4e460; border-radius:.65rem; padding:.55rem; cursor:pointer; min-width:0; }
.attribute-choice code { overflow-wrap:anywhere; font-size:.76rem; color:#d1ddf3; }
.attribute-choice:hover,.attribute-choice[aria-pressed=true] { border-color:#d3b5ff; background:#373052; }
.attribute-choice:focus-visible { outline:2px solid #a9ebff; }
.attribute-summary { display:grid; grid-template-columns:auto minmax(0,1fr); gap:.35rem .7rem; }
.attribute-summary dd { margin:0; overflow-wrap:anywhere; font-family:Consolas,monospace; }
.attribute-summary dt { color:#cbd3ed; }