#model3d{scroll-margin-top:35px}#model3d button{font:inherit;font-size:13px;min-height:44px;padding:10px 14px;background:transparent;color:var(--ink);border:1px solid #c4c7be;border-radius:5px;cursor:pointer}#model3d button:hover,#model3d button[aria-pressed=true]{background:#e3e9e1;border-color:var(--accent)}#model3d button:focus-visible,#model3d canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#model3d .m-controls{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}#model3d canvas{display:block;width:100%;height:520px;background:#f2f2ed;border-radius:8px;touch-action:none;cursor:grab}#model3d canvas:active{cursor:grabbing}#model3d .m-note{font-size:13px;color:var(--ink-2);line-height:1.7;max-width:76ch}#model3d .m-renders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px}#model3d figure{margin:0}#model3d .m-renders img{width:100%;height:auto;border-radius:6px}#model3d figcaption{font-size:12px;color:var(--ink-2);margin-top:6px}#model3d [hidden]{display:none!important}@media(max-width:600px){#model3d canvas{height:390px}#model3d .m-renders{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:10px}#model3d figure{flex:0 0 84%;scroll-snap-align:start}#model3d button{padding:9px 11px}#model3d{scroll-margin-top:110px}}
