.canvas-stage{container-type:inline-size;perspective:1000px;background:radial-gradient(ellipse at 50% 55%,#f8f8f5,#eceeea);isolation:isolate}.canvas-stage #tote-photo,.canvas-stage .tote-safe-border{visibility:hidden}.canvas-stage:not(.canvas-flat) #artboard{visibility:hidden;pointer-events:none}.canvas-stage.canvas-flat #artboard{background-color:#f7f5ee;background-image:repeating-linear-gradient(0deg,#00000007 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#00000006 0 1px,transparent 1px 3px);box-shadow:0 14px 28px #0002;border:1px solid #aaa;overflow:hidden}.canvas-front-guide{position:absolute;pointer-events:none;outline:1px dashed #137d76;box-shadow:0 0 0 1000px #0c756d18}.canvas-3d{position:absolute;left:50%;top:50%;width:var(--canvas-w);height:var(--canvas-h);transform:translate(-50%,-50%) rotateX(10deg) rotateY(-25deg);transform-style:preserve-3d;pointer-events:none}.canvas-flat .canvas-3d{display:none}.canvas-face{position:absolute;background:#f6f4ec;backface-visibility:hidden;overflow:hidden}.canvas-face:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.045;background-image:repeating-linear-gradient(0deg,#847b65 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#c8c2b0 0 1px,transparent 1px 3px);mix-blend-mode:multiply}.canvas-face svg{width:100%;height:100%;display:block}.canvas-face-front{width:100%;height:100%;transform:translateZ(var(--canvas-d));box-shadow:inset 0 0 2px #0003,14px 20px 24px #0002}.canvas-face-left{width:var(--canvas-d);height:100%;transform-origin:left;transform:rotateY(-90deg);filter:brightness(.78)}.canvas-face-bottom{top:100%;width:100%;height:var(--canvas-d);transform-origin:top;transform:translateZ(var(--canvas-d)) rotateX(-90deg);filter:brightness(.72)}.canvas-face-top{width:100%;height:var(--canvas-d);transform-origin:top;transform:rotateX(90deg);filter:brightness(.94)}.canvas-view-control{padding:12px 14px;text-align:center}.canvas-view-control button{min-height:44px;border:1px solid #16726d;background:#fff;border-radius:10px;padding:8px 18px;color:#176b65;font:inherit;font-weight:600}.canvas-view-control p,.canvas-wrap-note{font-size:12px;line-height:1.6;color:#6b7774;margin:8px 12px}.preview-shell:has(.canvas-stage) .placement-controls,.preview-shell:has(.canvas-stage) .area-help,.preview-shell:has(.canvas-stage) [data-action=zoom]{display:none}.canvas-cart-thumb{display:flex;align-items:center;justify-content:center;background:#edf0eb;perspective:300px}.canvas-cart-thumb svg{width:72%;height:auto;aspect-ratio:var(--canvas-ratio);background:#f7f5ee;transform:rotateY(-15deg);box-shadow:-3px 3px 0 #c9c7bc,3px 6px 10px #0003}.canvas-stage .canvas-empty{z-index:2}.canvas-stage.canvas-flat .canvas-empty span{max-width:80%;font-size:12px}.canvas-stage:not(.canvas-flat):has(.canvas-empty:not([hidden])):after{content:'Зургаа оруулаад бэлэн харагдацыг энд харна';position:absolute;left:15%;right:15%;bottom:2%;font-size:12px;text-align:center;color:#6b7774}

.preview-shell:has(.canvas-stage) .placement-toggle{display:none}

.canvas-face-right{left:100%;width:var(--canvas-d);height:100%;transform-origin:left;transform:translateZ(var(--canvas-d)) rotateY(90deg);filter:brightness(.74)}

.canvas-service-example{padding:10px 16px;font-size:12px;color:#65736d}.canvas-service-example summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.canvas-service-example img{display:block;width:100%;max-width:360px;margin:auto}.canvas-service-example p{line-height:1.5}