.render-area.css-mode{perspective:1100px;perspective-origin:50% 47%;touch-action:pan-y;cursor:grab;outline-offset:-8px}.render-area.css-mode:active{cursor:grabbing}.render-area.css-mode canvas{display:none}.css3d-stage{position:absolute;inset:0;perspective:1100px;perspective-origin:50% 47%;pointer-events:none}.css3d-object{position:absolute;left:50%;top:49%;transform-style:preserve-3d;will-change:transform}.css3d-slice,.css3d-face,.css3d-side,.css3d-clip,.css3d-foot,.css3d-receipt,.css3d-printer{position:absolute;left:50%;top:50%;backface-visibility:hidden;pointer-events:none}.css3d-slice{background:#e5eadd;border:1px solid #d2d9c8;backface-visibility:visible;box-shadow:inset 0 0 1px #fff}.css3d-face{overflow:hidden;background:#eff3e7;border:2px solid #f9fbf5;box-shadow:inset 0 0 0 1px #cbd5be}.css3d-face img{width:100%;height:100%;object-fit:fill}.css3d-side{background:linear-gradient(90deg,#b7c2ab,#e2e9d7 58%,#cad4bd);backface-visibility:visible}.css3d-clip{background:linear-gradient(90deg,#cad5bd,#f4f7ed);border:2px solid #c2cfb2;border-radius:13px;backface-visibility:visible;box-shadow:0 4px 4px #30451b12}.css3d-foot{background:linear-gradient(#e9eee0,#bdcbb1);border:1px solid #c9d3be;border-radius:6px;box-shadow:0 4px 0 #4b5a3f3b;backface-visibility:visible}.css3d-printer{background:linear-gradient(#d9e1cf,#acb99d);border:1px solid #bcc9ac;border-radius:13px;backface-visibility:visible}.css3d-receipt{background:#fffffa;border:1px solid #d7dfcd;backface-visibility:visible;color:#99a787;padding:9px;font-size:6px;line-height:2}.css3d-receipt i{display:block;width:70%;height:1px;background:#b2bfa1;margin-top:4px}.css3d-receipt i:nth-child(2){width:90%}.css3d-receipt i:nth-child(3){width:50%}