.has-catalog-cover:has(.catalog-3d-viewer){grid-template-columns:minmax(0,1fr) minmax(320px,400px)}
.catalog-3d-viewer{background:#f2f7fc;border-color:#dee8f1;border-radius:12px;color:#263f55}
.catalog-3d-frame{position:relative;aspect-ratio:4/3;background:#f2f7fc}
.catalog-3d-frame>img{height:100%;object-fit:contain}
.catalog-3d-canvas{position:absolute;inset:0}
.catalog-3d-canvas canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}
.catalog-3d-canvas canvas:active{cursor:grabbing}
.catalog-3d-viewer[data-state=active] .catalog-3d-frame>img{visibility:hidden}
.catalog-3d-ui{padding:0 16px 14px;background:#f2f7fc}
.catalog-3d-ui button{font:inherit;font-size:13px;min-height:40px;cursor:pointer;border:1px solid #c9d9e8;border-radius:7px;padding:8px 12px;background:#fff;color:#164c7c;transition:background-color .12s,color .12s}
.catalog-3d-ui [data-start]{background:#1568d4;color:#fff;border-color:#1568d4;font-weight:600;min-width:170px}
.catalog-3d-ui button:disabled{cursor:wait;opacity:.75}
.catalog-3d-ui button:hover{background:#e3edf8}
.catalog-3d-ui [data-start]:hover{background:#1159b5}
.catalog-3d-ui button:focus-visible,.catalog-3d-canvas canvas:focus-visible{outline:3px solid #1568d4;outline-offset:3px}
.catalog-3d-ui button:active{background:#d6e4f3}
.catalog-3d-toolbar{display:flex;flex-wrap:wrap;gap:6px;min-height:40px;margin-top:8px}
.catalog-3d-toolbar[hidden]{display:flex!important;visibility:hidden;pointer-events:none}
.catalog-3d-toolbar button{padding:7px 10px;min-width:40px}
.catalog-3d-viewer figcaption{padding:14px 16px 0;background:#f2f7fc;color:#264059;font-size:14px;font-weight:600}
.catalog-3d-hint{font-size:12px;line-height:1.5;margin:7px 0 0;min-height:54px;color:#536a7e}
.catalog-3d-status{font-size:12px;line-height:1.4;color:#804115;margin:0}
.catalog-3d-status:not(:empty){margin-top:8px}
@media(max-width:700px){.has-catalog-cover:has(.catalog-3d-viewer){display:flex}.has-catalog-cover>.catalog-3d-viewer{max-width:480px}.catalog-3d-ui button{min-height:44px}.catalog-3d-toolbar{min-height:44px}.catalog-3d-hint{min-height:72px}}
@media(prefers-reduced-motion:reduce){.catalog-3d-ui button{transition:none}}
@media(max-width:700px){.catalog-3d-toolbar button{min-width:44px}}
@media print{.catalog-3d-viewer{display:none!important}}