.rc-skin-preview{--skin-accent:var(--shop-accent,#edbb6b);--skin-rgb:var(--shop-rgb,237,187,107);min-width:0}
.rc-skin-stage{position:relative;height:300px;margin:12px -10px 0;perspective:900px;overflow:hidden;touch-action:pan-y;user-select:none;cursor:grab;background:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:32px 32px;border-radius:12px}
.rc-skin-stage.is-dragging{cursor:grabbing}
.rc-skin-floor{position:absolute;left:50%;bottom:31px;width:190px;height:64px;transform:translateX(-50%);border:1px solid rgba(var(--skin-rgb),.55);border-radius:50%;background:radial-gradient(ellipse,rgba(var(--skin-rgb),.23),transparent 70%);box-shadow:0 0 40px rgba(var(--skin-rgb),.12),inset 0 0 20px rgba(var(--skin-rgb),.12)}
.rc-skin-orbit{position:absolute;left:50%;top:35px;width:235px;height:235px;transform:translateX(-50%);border:1px solid rgba(var(--skin-rgb),.1);border-radius:50%;box-shadow:0 0 70px rgba(var(--skin-rgb),.07)}
.rc-skin-model{position:absolute;left:50%;top:81px;width:40px;height:160px;margin-left:-20px;transform:rotateX(-10deg) rotateY(var(--skin-rotation,-24deg));transform-style:preserve-3d}
.rc-skin-model>i{display:block;padding-top:50px;color:var(--skin-accent);font-size:46px}
.rc-skin-part{position:absolute;width:var(--w);height:var(--h);transform-style:preserve-3d}
.rc-skin-face{position:absolute;left:50%;top:50%;width:var(--w);height:var(--h);background-image:var(--skin-texture,url('/images/shop/preview-skin.png'));background-size:320px 320px;background-repeat:no-repeat;image-rendering:pixelated;backface-visibility:hidden}
.rc-skin-face.front{transform:translate(-50%,-50%) translateZ(calc(var(--d)/2))}
.rc-skin-face.back{transform:translate(-50%,-50%) rotateY(180deg) translateZ(calc(var(--d)/2));filter:brightness(.7)}
.rc-skin-face.right{width:var(--d);transform:translate(-50%,-50%) rotateY(90deg) translateZ(calc(var(--w)/2));filter:brightness(.8)}
.rc-skin-face.left{width:var(--d);transform:translate(-50%,-50%) rotateY(-90deg) translateZ(calc(var(--w)/2));filter:brightness(.85)}
.rc-skin-face.top{height:var(--d);transform:translate(-50%,-50%) rotateX(90deg) translateZ(calc(var(--h)/2));filter:brightness(1.1)}
.rc-skin-face.bottom{height:var(--d);transform:translate(-50%,-50%) rotateX(-90deg) translateZ(calc(var(--h)/2));filter:brightness(.6)}
.rc-skin-drag-hint{position:absolute;bottom:8px;left:0;right:0;color:#7e8a9e;font-size:9px;text-align:center;line-height:1.5}
.rc-skin-rotation{display:flex;align-items:center;gap:12px;margin:2px 0 15px;color:#8591a5;font-size:10px}
.rc-skin-rotation input{flex:1;min-width:0;accent-color:var(--skin-accent);cursor:pointer}
.rc-skin-preview .rc-skin-status{display:block;min-height:38px;margin:10px 0 0;color:#a2b6ca;font-size:11px;line-height:1.7}

.rc-skin-part[hidden]{display:none}
.rc-skin-rotation input:focus-visible{outline:2px solid #edbb6b;outline-offset:4px}

.rc-skin-preview.is-compact .rc-skin-status{position:absolute;width:1px;height:1px;min-height:0;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rc-skin-stage:focus-visible{outline:2px solid var(--skin-accent);outline-offset:3px}

.rc-skin-preview.is-compact.is-source-pending .rc-skin-status{position:static;width:auto;height:auto;min-height:0;margin:10px 0 0;padding:0;overflow:visible;clip:auto;white-space:normal}