.hardware-quick{background:#f4f8f8;border:1px solid #c5dcd9;border-radius:10px;min-width:0;margin:10px 0;padding:12px}.hardware-quick-label{color:#175a56;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.hardware-quick-label span{color:#546779;font-size:12px;font-weight:400}.hardware-quick-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hardware-quick-options button{text-align:left;color:#16374c;cursor:pointer;background:#fff;border:1px solid #c5d3da;border-radius:8px;align-items:center;gap:8px;min-width:0;min-height:48px;padding:8px;font-size:14px;display:flex}.hardware-quick-options button[aria-pressed=true]{background:#e8f3f1;border:2px solid #22736e;padding:7px}.hardware-quick-options button:focus-visible{outline-offset:2px;outline:3px solid #d8752a}.hardware-quick-options button>span:nth-child(2){flex:1;gap:2px;min-width:0;display:grid}.hardware-quick-options small{overflow-wrap:anywhere;font-size:12px;line-height:1.3}.hardware-quick-swatch{background:linear-gradient(135deg,#dce3e7,#859197,#e1e6e8);border:1px solid #667680;border-radius:50%;flex-shrink:0;width:18px;height:18px;display:block}.hardware-quick-swatch.blackline{background:#202629;border-color:#202629}.hardware-quick>p{color:#526777;margin:10px 0 0;font-size:14px;line-height:1.5}.hardware-quick.is-compact{border:0;border-top:1px solid #d4e1e6;border-radius:0 0 9px 9px;margin:0;padding:6px 8px}.hardware-quick.is-compact .hardware-quick-label{margin-bottom:4px;font-size:12px}.hardware-quick.is-compact .hardware-quick-options{gap:6px}.hardware-quick.is-compact .hardware-quick-options button{min-height:44px;padding:4px 8px}.hardware-quick.is-compact .hardware-quick-options button[aria-pressed=true]{padding:3px 7px}.hardware-quick.is-compact .hardware-quick-label{display:none}