.garment-viewer{display:flex!important;flex-direction:column;position:relative;background:transparent!important;overflow:hidden;min-height:280px;height:clamp(320px,calc(100dvh - 380px),570px)!important}
.garment-stage{flex:1;min-height:0;width:100%;position:relative;touch-action:pan-y;cursor:grab;outline-offset:-4px;background:transparent}
.garment-stage.dragging{cursor:grabbing}.garment-stage canvas,.garment-loading-photo{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
.viewer-status{position:absolute;left:12px;right:12px;bottom:10px;text-align:center;font:italic 12px var(--serif);color:var(--muted);pointer-events:none}
.viewer-toolbar{display:flex;align-items:center;justify-content:center;gap:14px;min-height:34px}.viewer-hint{font:italic 12px var(--serif);color:var(--muted)}
.viewer-toolbar button{border:0;background:transparent;width:34px;height:34px;font-size:22px;color:var(--muted)}
.viewer-views{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.viewer-views button{min-width:46px;min-height:36px;padding:4px 9px;border:0;border-bottom:1px solid transparent;background:transparent;font:12px var(--serif);color:var(--muted)}
.viewer-views button[aria-pressed=true]{border-bottom-color:var(--gold);color:var(--ink)}.viewer-views button:disabled{opacity:.4}
@media(max-width:680px){.garment-viewer{height:clamp(255px,34dvh,340px)!important;min-height:255px}.viewer-views button{min-height:40px;min-width:48px}.viewer-toolbar{min-height:32px}}