.accessory-picker details{border-top:1px solid #d9d5cd;padding:18px 0}.accessory-picker summary{cursor:pointer;padding:8px 0;font-weight:600}.accessory-picker p{color:#73736f;font-size:13px;line-height:1.65}.accessory-picker input{width:100%;margin:14px 0}.accessory-grid{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:640px;padding:4px;display:grid;overflow:auto}.accessory-grid article{background:#f4f1eb;border:1px solid #d9d5cd;min-width:0;padding:10px}.accessory-grid article[data-selected=true]{outline-offset:-2px;outline:2px solid #9a7a50}.accessory-grid h4{overflow-wrap:anywhere;margin:10px 0;font-size:13px}.accessory-grid p{margin:5px 0}.accessory-grid img{aspect-ratio:1;object-fit:contain;width:100%;height:auto}.accessory-grid button{max-width:100%;font:inherit;white-space:normal}.accessory-zoom{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.accessory-grid button[data-accessory-select]{color:#fff;cursor:pointer;background:#202222;border:0;width:100%;padding:10px 4px;font-size:12px}.accessory-grid button:disabled{opacity:.55;cursor:not-allowed}.accessory-dialog{background:#f4f1eb;border:1px solid #d9d5cd;max-width:min(720px,90vw);max-height:90vh;padding:24px}.accessory-dialog::backdrop{background:#0009}.accessory-dialog img{object-fit:contain;width:100%;max-height:65vh}.accessory-summary-images{flex-wrap:wrap;gap:12px;display:flex}.accessory-summary-images figure{max-width:140px;margin:0}.accessory-summary-images img{object-fit:contain;width:120px;height:120px}.accessory-summary-images figcaption{overflow-wrap:anywhere;font-size:12px}.accessory-admin{max-width:1280px;margin:auto;padding:28px 24px}.accessory-admin header{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.accessory-admin h1{font-size:clamp(28px,4vw,48px)}.accessory-toolbar{flex-wrap:wrap;gap:16px;padding:20px 0;display:flex}.accessory-toolbar label{flex:1;gap:8px;min-width:160px;display:grid}.accessory-toolbar input,.accessory-toolbar select,.accessory-admin button{font:inherit;border:1px solid #d9d5cd;border-radius:2px;max-width:100%;padding:10px}.accessory-admin button{cursor:pointer}.accessory-admin-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.accessory-admin-grid article{border:1px solid #d9d5cd;min-width:0;padding:14px}.accessory-admin-grid img{aspect-ratio:1;object-fit:contain;width:100%}.accessory-admin-grid h3{overflow-wrap:anywhere;font-size:16px}.accessory-admin-grid p{overflow-wrap:anywhere;font-size:13px}.accessory-editor{background:#e9e5dc;margin:24px 0;padding:24px}.accessory-editor label{gap:8px;display:grid}.accessory-admin [role=status]{white-space:pre-line}.accessory-pagination{gap:16px;margin:20px 0;display:flex}.accessory-admin a{overflow-wrap:anywhere}@media (width<=650px){.accessory-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.accessory-admin-grid article{padding:8px}.accessory-admin{padding:20px}.accessory-grid{gap:8px;max-height:580px}.accessory-editor{padding:16px}.accessory-admin h1{overflow-wrap:anywhere}}.accessory-parts{grid-template-columns:1fr 1fr;gap:6px;display:grid}.accessory-parts img:first-child{aspect-ratio:3;grid-column:1/-1;max-height:110px}.accessory-parts img:not(:first-child){object-fit:contain;max-height:200px}.accessory-dialog .accessory-parts{max-height:65vh;overflow:auto}.surround-specifications{border:1px solid #d9d5cd;min-width:0;margin:16px 0;padding:12px}.accessory-picker .surround-specifications label{cursor:pointer;align-items:flex-start;gap:10px;margin:0;padding:10px 0;font-size:14px;line-height:1.6;display:flex}.accessory-picker .surround-specifications input{accent-color:#202222;flex:0 0 18px;width:18px;height:18px;min-height:18px;margin:3px 0 0;padding:0}.surround-specifications span{overflow-wrap:anywhere}.surround-group{border:1px solid #d9d5cd;min-width:0;margin:20px 0;padding:12px}.surround-group legend{font-size:16px;font-weight:600}.surround-strip{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;gap:12px;max-width:100%;padding:4px 4px 16px;display:flex;overflow-x:auto}.surround-strip article{scroll-snap-align:start;border:1px solid #d9d5cd;flex:0 0 180px;min-width:0;padding:10px}.surround-strip article[data-selected=true]{outline-offset:-2px;outline:2px solid #9a7a50}.surround-strip img{object-fit:contain;width:100%;height:160px}.surround-strip label{overflow-wrap:anywhere;align-items:center;gap:8px;font-size:13px;display:flex}.accessory-picker .surround-strip input[type=radio]{accent-color:#202222;flex:0 0 18px;width:18px;height:18px;min-height:18px;margin:0}.surround-scroll-buttons{justify-content:space-between;gap:8px;display:flex}.surround-scroll-buttons button{padding:8px;font-size:12px}.accessory-picker .surround-incomplete{color:#813f25;background:#f0e4d9;padding:12px}.surround-strip small{color:#73736f}.surround-strip p{overflow-wrap:anywhere}@media (width<=650px){.surround-strip article{flex-basis:154px}.surround-group{padding:10px}.surround-scroll-buttons button{white-space:normal}}.estimate-controls:has(.surround-strip),.estimate-sidebar{min-width:0}.accessory-picker,.accessory-picker details{min-width:0;max-width:100%}
