.cosmetic-preview{position:relative;isolation:isolate}.cosmetic-preview canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:pan-y;cursor:grab}.cosmetic-preview canvas:active{cursor:grabbing}.cosmetic-preview canvas:focus-visible{outline:2px solid #78e2ea;outline-offset:-4px}.cosmetic-preview>span{z-index:3;pointer-events:none}.preview-controls{position:absolute;z-index:4;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:4px;border-radius:8px;background:#110c1dcc}.preview-controls button{padding:6px 9px!important;min-width:30px;border:1px solid #796192!important;border-radius:5px;background:#211b30!important;color:#f6f0ff!important;font-size:11px;cursor:pointer}.preview-controls button:focus-visible{outline:2px solid #78e2ea}.preview-ready>picture,.preview-ready>img,.preview-ready>.aura-preview-pending{visibility:hidden}.cosmetic-preview canvas{touch-action:pan-y}.cosmetic-preview[data-error]::after{content:'3D preview unavailable';position:absolute;bottom:9px;font-size:10px;color:#c1b4d3}