#cosmetic-picker{margin:18px 0;border:1px solid #79633b;background:#142126;padding:14px}
#cosmetic-picker summary{cursor:pointer;color:#efd8a2;font-weight:800;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}
#cosmetic-picker summary span{font-size:11px;color:#b2b9af;letter-spacing:1px}
#cosmetic-picker button{border:1px solid #69716b;background:#213237;color:#e8dfc7;cursor:pointer;border-radius:2px;min-height:38px}
#cosmetic-picker button:hover{background:#354747;border-color:#dfbd72}
#cosmetic-picker button:focus-visible{outline:2px solid #f2ce83;outline-offset:3px}
.wardrobe-layout{display:grid;grid-template-columns:210px 1fr;gap:20px;margin-top:16px}
.wardrobe-preview canvas{width:100%;image-rendering:pixelated;border:1px solid #455450;border-radius:4px}
.wardrobe-preview button{width:100%;margin-top:8px}
.wardrobe-options fieldset{border:0;padding:0;margin:0 0 14px;min-width:0}
.wardrobe-options legend{font:700 14px Georgia;color:#efdfb9;margin-bottom:8px}
.wardrobe-options fieldset>div{display:flex;gap:6px;flex-wrap:wrap}
.wardrobe-options button{font-size:12px;padding:9px 12px}
#cosmetic-picker .wardrobe-options button[aria-pressed=true]{border-color:#dfbd72;background:#524c30;color:#fff1c9}
.wardrobe-options p{font-size:12px;color:#b7c3c1;margin:7px 0 0;line-height:1.5}
@media(max-width:600px){.wardrobe-layout{grid-template-columns:1fr}.wardrobe-preview{width:190px;margin:auto}#cosmetic-picker button{min-height:44px}}