.floromat-viewer{background:#fff;border-radius:14px;padding:20px;margin-bottom:24px;color:#21372b}.catalog-preview-head{display:flex;justify-content:space-between;gap:10px;font-size:12px;letter-spacing:.06em}.catalog-preview-image{display:block;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in;margin:18px 0;border-radius:8px}.catalog-preview-image img{display:block;width:100%;height:320px;object-fit:contain}.catalog-preview-dimensions{font-size:12px;text-align:center;line-height:1.6;margin:12px 0}.catalog-preview-note{font-size:11px;line-height:1.5;color:#63725b;margin:0}.model-photo-dialog{width:min(900px,94vw);max-height:92svh;border:0;border-radius:22px;padding:28px;background:#fff;color:#21372b;overflow:auto}.model-photo-dialog::backdrop{background:#142b23b3;backdrop-filter:blur(5px)}.model-photo-dialog h2{font-size:22px;margin:0 40px 20px 0}.model-photo-dialog>img{width:100%;height:min(65svh,640px);object-fit:contain}.model-photo-dialog>p{font-size:13px;text-align:center}.model-photo-close{position:absolute;right:15px;top:12px;border:0;background:#edf2e9;color:#21372b;border-radius:50%;width:36px;height:36px;font-size:24px;cursor:pointer}.catalog-preview-image:focus-visible,.model-photo-close:focus-visible{outline:3px solid #73976a;outline-offset:4px}@media(max-width:500px){.catalog-preview-image img{height:280px}.model-photo-dialog{padding:20px}}@media(prefers-reduced-motion:no-preference){.model-photo-dialog[open]{animation:photo-enter .18s ease-out}@keyframes photo-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}

.rotation-stage{height:330px;display:flex;align-items:center;justify-content:center;perspective:1100px;cursor:grab;touch-action:none;background:radial-gradient(ellipse at 50% 85%,#d9e2d5,transparent 65%);overflow:hidden;margin:12px -6px}.rotation-stage:active{cursor:grabbing}.rotation-stage:focus-visible{outline:2px solid #507747;border-radius:10px}.photo-cabinet{position:relative;width:var(--w);height:var(--h);transform-style:preserve-3d}.photo-face{position:absolute;backface-visibility:hidden;box-sizing:border-box;background:#d3d4cf;border:1px solid #a5aba2}.photo-front,.photo-back{width:var(--w);height:var(--h)}.photo-front{transform:translateZ(calc(var(--d)/2));background:white;overflow:hidden}.photo-front img{width:100%;height:100%;object-fit:fill;display:block;pointer-events:none;user-select:none}.photo-back{transform:rotateY(180deg) translateZ(calc(var(--d)/2));background:linear-gradient(110deg,#d3d6d0,#a9b2a5)}.photo-left,.photo-right{width:var(--d);height:var(--h);left:calc((var(--w) - var(--d))/2);background:linear-gradient(90deg,#cdd0c8,#adb5a7)}.photo-left{transform:rotateY(-90deg) translateZ(calc(var(--w)/2))}.photo-right{transform:rotateY(90deg) translateZ(calc(var(--w)/2))}.photo-top,.photo-bottom{width:var(--w);height:var(--d);top:calc((var(--h) - var(--d))/2)}.photo-top{transform:rotateX(90deg) translateZ(calc(var(--h)/2));background:#e0e2dc}.photo-bottom{transform:rotateX(-90deg) translateZ(calc(var(--h)/2));background:#949e8e}.rotation-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px}.rotation-controls button{border:1px solid #d5dfd0;background:#f4f7f0;color:#21372b;border-radius:9px;padding:9px 11px;font:inherit;font-size:12px;cursor:pointer}.rotation-controls button:hover{background:#e4ecdf}.rotation-controls button:focus-visible{outline:2px solid #507747}.rotation-controls label{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:7px;flex-basis:100%;justify-content:center}.rotation-controls input{width:100px;accent-color:#335d40}@media(max-width:500px){.rotation-stage{height:300px}}

.rotation-stage canvas{display:block;max-width:100%;height:100%}.rotation-stage{height:390px;background:radial-gradient(ellipse at 50% 80%,#dce3d7,transparent 65%)}@media(max-width:500px){.rotation-stage{height:360px}}