*{box-sizing:border-box}html,body{height:100%;margin:0;background:#101b25;color:#dfe8ed;font-family:Arial,sans-serif}.viewer{height:100%;display:flex;flex-direction:column}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:16px;border-bottom:1px solid #ffffff16}.mode-buttons{display:flex;gap:8px}button{background:#1a2c3a;color:#c8d7df;border:1px solid #55707e66;padding:10px 12px;border-radius:7px;cursor:pointer;font-size:12px;min-height:38px}button:hover{background:#2a4354}button[aria-pressed=true]{border-color:#f4b864;color:#f4b864;background:#f4b86410}button:focus-visible,canvas:focus-visible{outline:2px solid #f4b864;outline-offset:-3px}.canvas-wrap{position:relative;flex:1;min-height:180px;background:radial-gradient(ellipse at 50% 60%,#253746,#0b1721 75%)}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}#loading{position:absolute;left:0;right:0;top:45%;text-align:center;font-size:14px;color:#bfd1dc}.model-badge{position:absolute;left:18px;top:18px;font-size:10px;letter-spacing:.12em;color:#b8cbd6;pointer-events:none}.zoom-controls{position:absolute;right:16px;bottom:15px;display:flex;gap:6px}.zoom-controls button{font-size:19px;padding:5px 12px;min-width:37px}.viewer-foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px;line-height:1.6;color:#9eb4c1;padding:13px 17px;border-top:1px solid #ffffff16}@media(max-width:550px){.toolbar{padding:10px;gap:8px}.toolbar button{font-size:10px;padding:9px}.viewer-foot{font-size:9px;padding:10px 12px}.model-badge{font-size:9px;left:12px}.zoom-controls{right:10px}}.snapshot .toolbar,.snapshot .viewer-foot,.snapshot .model-badge,.snapshot .zoom-controls{display:none}.snapshot .canvas-wrap{background:#e8edf0}