.scene{height:285px;display:grid;place-items:center;perspective:900px;background:radial-gradient(ellipse at 50% 68%,#e9d8bd 0%,#f7f8fa 58%);overflow:hidden}.cabinet-3d{position:relative;width:190px;height:190px;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(-35deg);transition:transform .35s ease}.cabinet-3d:hover{transform:rotateX(-16deg) rotateY(-48deg)}.cube-face{position:absolute;box-sizing:border-box}.cube-front{width:190px;height:190px;transform:translateZ(48px);background:#e8dfcf;border:5px solid #a36d3e;display:flex;gap:3px;padding:6px}.cube-back{width:190px;height:190px;transform:translateZ(-48px);background:#c49a70;border:4px solid #835733}.cube-right{width:96px;height:190px;left:142px;transform:rotateY(90deg);background:#b87f4a;border:4px solid #835733}.cube-left{width:96px;height:190px;left:-48px;transform:rotateY(90deg);background:#c28c59;border:4px solid #835733}.cube-top{width:190px;height:96px;top:-48px;transform:rotateX(90deg);background:#d1a373;border:4px solid #835733}.preview-door{height:100%;background:linear-gradient(135deg,#f6f4ed,#d8ccba);border:1px solid #b8a78e;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}.preview-door.single{width:100%}.preview-door.double{width:50%}.preview-open{display:grid;place-items:center;width:100%;color:#795e40;font-size:12px;background:repeating-linear-gradient(0deg,#ded4c5,#ded4c5 7px,#d5c8b8 8px)}.dimension-line{text-align:center;font-size:12px;color:var(--muted);padding:12px;background:#fafafb;border-top:1px solid var(--line)}