.pose-preset-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.pose-preset-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:800;color:var(--accent-dark);cursor:pointer}.pose-preset-btn:hover,.pose-preset-btn.active-pose{background:var(--accent-dark);color:#fff}.mannequin-tool-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tool-icon-btn{position:relative;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--accent-dark);font-size:18px;font-weight:700;cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 16px rgba(48,34,25,.08)}.tool-icon-btn:hover,.tool-icon-btn.active-tool{background:var(--accent-dark);color:#fff}.tool-icon-btn::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:rgba(32,26,22,.92);color:#fff;padding:5px 8px;border-radius:8px;font-size:11px;letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}.tool-icon-btn:hover::after{opacity:1}.fitting-viewport{position:relative;height:calc(100vh - 155px);min-height:660px;border:1px dashed #cbb8a8;border-radius:22px;overflow:hidden;background:#fafafa;display:grid;place-items:center;touch-action:none}.human-model-viewer{position:absolute;inset:0;width:100%;height:100%;--poster-color:#fafafa;background:#fafafa;z-index:2;transition:filter .18s ease,transform .18s ease}.model-loading{height:100%;display:grid;place-items:center;color:var(--muted);font-weight:700}.selection-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:8}.selection-canvas.pass-through{pointer-events:none}.fitting-card.rotate-mode .fitting-viewport{cursor:grab}.fitting-card.rotate-mode .fitting-viewport:active{cursor:grabbing}.fitting-card.draw-mode .fitting-viewport{cursor:crosshair}.fitting-card.tool-trim .fitting-viewport{box-shadow:inset 0 0 0 3px rgba(127,79,59,.22)}.fitting-card.tool-pleats .fitting-viewport{box-shadow:inset 0 0 0 3px rgba(74,47,39,.2)}.fitting-card.tool-lace .fitting-viewport{box-shadow:inset 0 0 0 3px rgba(160,95,120,.24)}.fitting-card.tool-erase .fitting-viewport{box-shadow:inset 0 0 0 3px rgba(109,32,27,.24)}.fitting-card.rotate-mode .selection-canvas{pointer-events:auto}.fitting-card.draw-mode .selection-canvas{pointer-events:auto}

/* v24 custom fitting view controls */
.fitting-viewport{user-select:none}.fitting-viewport.panning-view{cursor:move!important}.fitting-viewport.panning-view .human-model-viewer{filter:drop-shadow(0 14px 24px rgba(74,47,39,.18))}.fitting-card.draw-mode .selection-canvas{cursor:grab}.fitting-card.rotate-mode .human-model-viewer{cursor:grab}.fitting-card.rotate-mode .human-model-viewer:active{cursor:grabbing}

/* v28: left-drag rotates by default; tool mode uses crosshair */
.fitting-card .selection-canvas{cursor:grab}.fitting-card .selection-canvas:active{cursor:grabbing}.fitting-card.tool-trim .selection-canvas,.fitting-card.tool-pleats .selection-canvas,.fitting-card.tool-lace .selection-canvas,.fitting-card.tool-erase .selection-canvas{cursor:crosshair}

/* v34: dark preview background + light mannequin contrast */
.fitting-viewport{background:#fafafa!important;border-color:#dfdfdf!important;}
.human-model-viewer{background:#fafafa!important;--poster-color:#fafafa!important;}
.selection-canvas{mix-blend-mode:normal;}

/* v39 tablet gestures */
.fitting-viewport,.selection-canvas,.human-model-viewer{touch-action:none;-webkit-user-select:none;user-select:none;}


/* v50 theme-aware fitting preview */
.fitting-viewport{height:calc(100vh - 205px);background:var(--model-bg)!important;border-color:var(--line)!important;}
.human-model-viewer{background:var(--model-bg)!important;--poster-color:var(--model-bg)!important;}
.pose-preset-btn,.tool-icon-btn{background:var(--card);border-color:var(--line);color:var(--ink);}
.pose-preset-btn:hover,.pose-preset-btn.active-pose,.tool-icon-btn:hover,.tool-icon-btn.active-tool{background:var(--accent-dark);color:var(--button-text);}
body[data-theme="dark"] .pose-preset-btn:hover,body[data-theme="dark"] .pose-preset-btn.active-pose,body[data-theme="dark"] .tool-icon-btn:hover,body[data-theme="dark"] .tool-icon-btn.active-tool{background:#f0ded0;color:#17110e;}