.box-model-scene{--model-width:142px;--model-depth:162.53px;--model-height:193.33px;perspective:850px;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;outline-offset:3px;width:100%;height:310px;position:relative}.box-model-scene:active{cursor:grabbing}.box-model-scene:focus-visible{border-radius:10px;outline:2px solid #dec88e}.box-model-scene:before{content:"";pointer-events:none;background:radial-gradient(#0009,#0000 70%);height:30px;position:absolute;bottom:38px;left:12%;right:12%}.box-model-solid{width:var(--model-width);height:var(--model-height);margin-left:calc(var(--model-width)/-2);margin-top:calc(var(--model-height)/-2);transform-style:preserve-3d;position:absolute;top:48%;left:50%}.box-model-face{width:var(--model-width);height:var(--model-height);background:linear-gradient(110deg,#ffffff18,transparent 40%,#0003),var(--model-body);-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:calc(var(--model-height)*3/119) calc(var(--model-width)*3/89);border:1px solid #ffffff24;position:absolute;inset:0}.box-model-face:before{content:"";height:calc(var(--model-height)*13/119);pointer-events:none;z-index:1;background:linear-gradient(#ffffff12,#0000);position:absolute;inset:0 0 auto;box-shadow:inset 0 1px 1px #ffffff24}.box-model-face:after{content:"";left:0;right:0;top:calc(var(--model-height)*13/119);height:max(1px,calc(var(--model-height)*.8/119));pointer-events:none;z-index:2;background:#030607;position:absolute;box-shadow:0 1px #ffffff18}.box-model-face.face-a{transform:translateZ(calc(var(--model-depth)/2))}.box-model-face.face-b{transform:rotateY(180deg) translateZ(calc(var(--model-depth)/2))}.box-model-face.face-c,.box-model-face.face-d{width:var(--model-depth);left:calc((var(--model-width) - var(--model-depth))/2)}.box-model-face.face-c{transform:rotateY(90deg) translateZ(calc(var(--model-width)/2))}.box-model-face.face-d{transform:rotateY(-90deg) translateZ(calc(var(--model-width)/2))}.box-model-top,.box-model-bottom{width:var(--model-width);height:var(--model-depth);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(135deg,#ffffff30,#0002),var(--model-body);border:1px solid #ffffff30;position:absolute;left:0}.box-model-top{top:calc(var(--model-depth)/-2);transform:rotateX(90deg)}.box-model-bottom{top:calc(var(--model-height) - var(--model-depth)/2);background:var(--model-body);transform:rotateX(-90deg)}.model-card{background:#080d0e;border:1px solid #0009;border-radius:1px;width:100%;height:100%;overflow:hidden}.model-card img{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.model-empty{text-align:center;color:#c5ac73;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:100%;padding:8px;display:flex}.model-empty svg{width:23px;height:23px}.model-empty strong{font:600 15px/1.4 var(--font-body)}.model-empty small{font:400 11px/1.4 var(--font-body);color:#abb8b7}.box-model-hint{text-align:center;font:400 11px/1.4 var(--font-body);color:#abb8b7;pointer-events:none;position:absolute;bottom:2px;left:0;right:0}.preview-workspace:has(.box-model-scene){cursor:auto;padding:0}@media (prefers-reduced-motion:no-preference){.box-model-solid{transition:transform .45s}.box-model-solid.is-dragging{transition:none}}@media (max-width:900px){.box-model-scene{--model-width:54px;--model-depth:61.81px;--model-height:73.52px;perspective:420px;height:145px}.model-empty{gap:3px;padding:2px}.model-empty svg{width:12px;height:12px}.model-empty strong{font-size:8px}.model-empty small{display:none}.box-model-hint{font-size:9px;bottom:3px}.box-model-scene:before{bottom:28px}}