.wardrobe-preview{margin:14px 0 18px;border:1px solid #cbd5c5;border-radius:16px;overflow:hidden;background:#e6ece1;color:#224b42}
.wardrobe-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;font-size:12px}
.wardrobe-preview-heading span{font-size:10px;color:#547165}
.wardrobe-preview canvas{display:block;width:100%;height:340px;max-height:48dvh;min-height:230px;touch-action:none;cursor:grab;outline-offset:-3px}
.wardrobe-preview canvas:active{cursor:grabbing}
.wardrobe-preview canvas:focus-visible{outline:3px solid #367b66}
.wardrobe-preview-controls{display:flex;gap:6px;padding:8px 10px}
.wardrobe-preview-controls button{flex:1;min-height:38px;border:1px solid #becdbd;border-radius:9px;background:#f7f8f1;color:#294f43;padding:6px;font:inherit;font-size:11px;cursor:pointer}
.wardrobe-preview-controls button:hover{background:#d2e2d3}
.wardrobe-preview-controls button:focus-visible{outline:2px solid #367b66;outline-offset:1px}
.wardrobe-preview-hint{margin:0!important;padding:0 12px 12px;font-size:11px!important;line-height:1.5;color:#4a6659}
@media(min-width:1300px){.wardrobe-preview canvas{height:390px}}