.paint-accessory{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:24px;background:#f0f7df}
.accessory-legacy{grid-column:1/-1}.accessory-legacy>summary{cursor:pointer;min-height:44px;font-weight:700}.accessory-legacy .paint-play-colors{margin-top:12px}
.paint-accessory[hidden]{display:none}.paint-accessory p{line-height:1.7}.paint-accessory-preview{min-width:0}.paint-accessory-preview canvas{display:block;width:100%;height:auto;max-height:340px;object-fit:contain}.paint-accessory-preview label{display:grid;gap:8px;font-weight:700}.paint-accessory select{font:inherit;min-height:48px;max-width:100%;border:1px solid #638372;border-radius:12px;padding:8px;background:#fff;color:#173e30}.paint-accessory .paint-actions{display:flex;flex-wrap:wrap;gap:10px}.paint-accessory button{min-width:48px;min-height:48px;white-space:normal;overflow-wrap:anywhere}.accessory-swatches{display:flex;gap:8px;min-height:36px;margin-block:14px}.accessory-swatches span{width:32px;height:32px;flex:0 0 32px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #637a68}.accessory-device-note{font-size:.92rem}.paint-accessory [role=status]{min-height:1.7em}
@media(max-width:680px){.paint-accessory{grid-template-columns:1fr;gap:14px}.paint-accessory-preview{display:grid;grid-template-columns:minmax(110px,150px) minmax(0,1fr);align-items:center;gap:12px}.paint-accessory-preview canvas{max-height:200px}.paint-accessory .paint-actions{flex-direction:column}.paint-accessory .paint-actions button{width:100%}}