body:is(.card-studio,.cloud-portal) .card-viewer-dialog{box-sizing:border-box;inset:0;margin:auto;width:min(850px,calc(100vw - 32px));height:min(850px,94dvh);max-height:94dvh;max-width:calc(100vw - 32px);padding:0;overflow:auto;border:1px solid #ded2c3;border-radius:24px;background:#faf7f1;color:#403629;box-shadow:0 30px 100px #1f180f45}
.card-viewer-dialog::backdrop{background:#1d1b19a8;backdrop-filter:blur(7px)}
.card-viewer-head{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:24px 28px 6px}
.card-viewer-head .eyebrow{font:11px/1.5 Album-arial,Arial,sans-serif;letter-spacing:1.5px;color:#89683f}
.card-viewer-head h2{font:32px/1.2 Album-didot,Georgia,serif;margin:9px 0}
.card-viewer-head p,.card-viewer-controls p{font:13px/1.6 Album-arial,Arial,sans-serif;color:#6a5e50;margin:7px 0}
body:is(.card-studio,.cloud-portal) .card-viewer-head>div{display:block}
body:is(.card-studio,.cloud-portal) .card-viewer-head h2{text-align:left}
body:is(.card-studio,.cloud-portal) .card-viewer-dialog button[type=button]{min-height:44px;border:1px solid #d4c7b5;border-radius:12px;background:#fffdf9;color:#51412f;font:14px/1.4 Album-arial,Arial,sans-serif;padding:10px 16px;cursor:pointer}
body:is(.card-studio,.cloud-portal) .card-viewer-dialog button[aria-pressed=true]{background:#745a3a;color:white;border-color:#745a3a}
.card-viewer-close{white-space:nowrap;flex-shrink:0}
.card-viewer-dialog :is(button,input,.card-viewer-object):focus-visible{outline:3px solid #a38356;outline-offset:4px}
.card-viewer-status{font:13px/1.5 Album-arial,Arial,sans-serif;text-align:center;min-height:20px;margin:0 18px;color:#796244}
body:is(.card-studio,.cloud-portal) .card-viewer-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;gap:0;perspective:1400px;perspective-origin:50% 50%;min-height:360px;height:clamp(360px,51dvh,490px);overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#fffdfa,#ece3d5);margin:14px 22px;border:1px solid #e5dacb;border-radius:20px}
body:is(.card-studio,.cloud-portal) .card-viewer-object{position:relative;display:block;justify-self:center;align-self:center;transform-origin:50% 50%;width:min(290px,57vw,calc((clamp(360px,51dvh,490px) - 60px) * 5 / 7));aspect-ratio:5/7;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1);cursor:grab;touch-action:none;will-change:transform}
body:is(.card-studio,.cloud-portal) .card-viewer-object.is-dragging{transition:none;cursor:grabbing}
body:is(.card-studio,.cloud-portal) .card-viewer-face{position:absolute;display:block;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fffdf9;box-shadow:0 4px 20px #56452e18}
.card-viewer-front{transform:translateZ(1.5px)}
.card-viewer-back{transform:rotateY(180deg) translateZ(1.5px)}
.card-viewer-face canvas{display:block;width:100%;height:100%}
.card-viewer-edge{position:absolute;background:linear-gradient(90deg,#e4dccc,#fffefa,#dbd1bf);backface-visibility:visible}
.card-edge-left,.card-edge-right{width:3px;height:100%;top:0;transform:rotateY(90deg)}
.card-edge-left{left:-1.5px}.card-edge-right{right:-1.5px}
.card-edge-top,.card-edge-bottom{height:3px;width:100%;left:0;transform:rotateX(90deg)}
.card-edge-top{top:-1.5px}.card-edge-bottom{bottom:-1.5px}
.card-viewer-shadow{position:absolute;left:50%;bottom:20px;width:60%;height:34px;border-radius:50%;background:#5b452b25;filter:blur(14px);transform:translateX(-50%)}
.card-viewer-controls{padding:2px 26px 22px}
body:is(.card-studio,.cloud-portal) .card-viewer-sides{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
body:is(.card-studio,.cloud-portal) .card-viewer-adjust{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:18px}
.card-viewer-adjust label{font:13px/1.5 Album-arial,Arial,sans-serif;width:min(260px,60%);color:#665846}
.card-viewer-adjust output{float:right}.card-viewer-adjust input{width:100%;display:block;min-height:32px;accent-color:#85643e}
.card-viewer-controls p{text-align:center;margin-top:16px}
@media(max-width:640px){body:is(.card-studio,.cloud-portal) .card-viewer-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:96dvh;max-height:96dvh;border-radius:18px}.card-viewer-head{padding:20px 18px 8px}.card-viewer-head h2{font-size:27px}.card-viewer-head .eyebrow{font-size:10px;letter-spacing:1px}.card-viewer-head p{font-size:12px}.card-viewer-close{padding:8px 11px!important}body:is(.card-studio,.cloud-portal) .card-viewer-stage{margin:10px 12px;height:clamp(315px,45dvh,410px);min-height:315px}body:is(.card-studio,.cloud-portal) .card-viewer-object{width:min(220px,56vw,calc((clamp(315px,45dvh,410px) - 50px) * 5 / 7))}.card-viewer-controls{padding:4px 16px 18px}body:is(.card-studio,.cloud-portal) .card-viewer-dialog button[type=button]{font-size:13px;padding:10px 13px}body:is(.card-studio,.cloud-portal) .card-viewer-adjust{gap:14px}.card-viewer-controls p{font-size:12px}.card-viewer-shadow{bottom:15px}}
@media(prefers-reduced-motion:reduce){body:is(.card-studio,.cloud-portal) .card-viewer-object{transition:none}.card-viewer-dialog::backdrop{backdrop-filter:none}}