.carwin-viewer{--cw-light-x:35%;--cw-light-y:20%;position:relative;max-width:330px;width:100%;isolation:isolate;overflow:visible}.carwin-viewer:hover,.carwin-viewer:focus-within{z-index:12}.carwin-stage{position:relative;perspective:1100px;padding:12px 10px 19px;touch-action:none;cursor:grab;outline-offset:7px}.carwin-stage:focus-visible{outline:2px solid #185b94;border-radius:18px}.carwin-dragging .carwin-stage{cursor:grabbing}.carwin-object{--cw-rx:3deg;--cw-ry:-11deg;--cw-zoom:1;position:relative;transform-style:preserve-3d;transform:rotateX(var(--cw-rx)) rotateY(var(--cw-ry)) scale(var(--cw-zoom));transition:transform .65s cubic-bezier(.2,.75,.2,1);will-change:transform}.carwin-dragging .carwin-object{transition:none}.carwin-face-front{position:relative;transform:translateZ(9px);backface-visibility:hidden;transform-style:preserve-3d}.carwin-face-front>.carwin-slab{box-shadow:inset 0 0 0 2px #fff,0 16px 20px #173c552c;user-select:none}.carwin-moving-reflection{position:absolute;inset:2px;border-radius:20px;pointer-events:none;backface-visibility:hidden;background:radial-gradient(ellipse at var(--cw-light-x) var(--cw-light-y),#ffffff85 0%,#ffffff18 27%,transparent 58%),linear-gradient(115deg,transparent 25%,#ffffff35 33%,transparent 42%);mix-blend-mode:screen;opacity:.6;transform:translateZ(1px)}.carwin-face-back{position:absolute;inset:0;transform:rotateY(180deg) translateZ(9px);backface-visibility:hidden;border:7px solid #bfd9dc;border-radius:21px;padding:12px;background:linear-gradient(125deg,#e7f6f6,#c1d8db 55%,#e7f6f6);box-shadow:inset 0 0 0 2px #fff,0 14px 25px #173c5530;color:#173c55;display:flex;flex-direction:column;gap:7px;user-select:none}.carwin-back-header{background:#fffaf1;border-radius:8px;padding:10px;border-top:4px solid #bc463b}.carwin-back-header .carwin-logo{width:125px;margin-bottom:7px}.carwin-back-header>b{display:block;font-size:12px;overflow-wrap:anywhere}.carwin-back-header>span{display:block;font-size:8px;line-height:1.6;margin-top:3px}.carwin-back-card{flex:1;min-height:0;position:relative;overflow:hidden;border-radius:12px;background:#173c55;margin:4px}.carwin-back-card>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.carwin-back-certificate{text-align:center;padding:7px;color:#173c55}.carwin-back-certificate>b{font-size:10px;letter-spacing:1px;display:block}.carwin-back-certificate>span{display:block;font-size:9px;font-weight:700;margin:7px 0}.carwin-back-certificate>small{font-size:7px;line-height:1.6;display:block}.carwin-back-certificate>i{display:block;width:70%;height:12px;margin:8px auto 0;background:repeating-linear-gradient(90deg,#173c55 0 1px,transparent 1px 3px,#173c55 3px 5px,transparent 5px 7px);opacity:.65}.carwin-edge{position:absolute;display:block;background:linear-gradient(90deg,#8facb2,#effcfc 30%,#b8d3d8 60%,#799ba4);border:1px solid #accbd0;backface-visibility:visible;pointer-events:none}.carwin-edge-left,.carwin-edge-right{top:13px;bottom:13px;width:18px;transform:rotateY(90deg);border-radius:4px}.carwin-edge-left{left:-9px}.carwin-edge-right{right:-9px}.carwin-edge-top,.carwin-edge-bottom{left:13px;right:13px;height:18px;transform:rotateX(90deg);border-radius:4px}.carwin-edge-top{top:-9px}.carwin-edge-bottom{bottom:-9px}.carwin-view-controls{display:flex;gap:6px;justify-content:center;align-items:center;position:relative;z-index:2;margin-top:8px;flex-wrap:wrap}.carwin-view-controls button{background:#fff9edb8;border:1px solid #185b9428;border-radius:8px;padding:8px 11px;color:#185b94;font-size:10px;min-width:31px;min-height:32px}.carwin-view-controls button:hover{background:#e1ece8}.carwin-interaction-hint{display:block;text-align:center;font-size:8px;color:#617b83;margin:10px 0;line-height:1.6}.atelier-exchange-preview .carwin-viewer{max-width:100%}.atelier-gallery.slabs>div{overflow:visible}.atelier-confirm-preview .carwin-viewer{max-width:270px}@media(max-width:600px){.carwin-stage{padding:10px 7px 17px}.carwin-view-controls button{min-height:37px;font-size:10px}.carwin-interaction-hint{font-size:8px}.carwin-viewer{max-width:315px}}@media(prefers-reduced-motion:reduce){.carwin-object{transition:none}.carwin-moving-reflection{opacity:.35}}
.carwin-object{will-change:auto}.carwin-viewer:hover .carwin-object,.carwin-viewer:focus-within .carwin-object,.carwin-dragging .carwin-object{will-change:transform}.carwin-viewer{max-width:min(330px,calc(48dvh - 62px));min-width:180px}.carwin-demo{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:center;margin-top:40px;padding-top:30px;border-top:1px solid #173c5525}.carwin-demo>div:first-child{max-width:430px}.carwin-demo .carwin-viewer{justify-self:center}@media(max-width:700px){.carwin-demo{grid-template-columns:1fr}.carwin-viewer{max-width:min(315px,calc(48dvh - 62px))}}