#canvas-wrap canvas{touch-action:none;display:block}
#loading{z-index:6;place-content:center;gap:18px;background:#deded9;color:#30332f;text-align:center;padding:25px}
#loading button{background:#30332f;color:#fff;border:0;padding:12px 20px;cursor:pointer}
.model-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 25px 18px;background:#050609}
.model-switch button{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 13px;align-items:center;text-align:left;padding:13px 16px;color:#bdc5ce;border:1px solid #ffffff24;background:#ffffff04;transition:background .2s,border-color .2s}
.model-switch button>span{grid-row:span 2;font:11px monospace;color:#808c9a}
.model-switch strong{font:500 13px Arial,sans-serif;letter-spacing:1.5px}
.model-switch small{font-size:10px;color:#9aabb9}
.model-switch button:hover{background:#ffffff0c;border-color:#ffffff60}
.model-switch button[aria-pressed=true]{background:#e7e5dc;color:#302f2c;border-color:#e7e5dc}
.model-switch button[aria-pressed=true] small,.model-switch button[aria-pressed=true]>span{color:#62645e}
#viewer .view-controls button:disabled{opacity:.4;cursor:wait}
.model-credit{margin:0;padding:0 20px 16px;font-size:11px;line-height:1.7;color:#a7b0be;text-align:center}
.model-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.model-label{max-width:calc(100% - 30px);pointer-events:none}
#viewer .model-label{color:#3e4841;background:#f3f3edb3;padding:6px 9px;backdrop-filter:blur(5px)}
#viewer #canvas-wrap{height:50dvh;min-height:260px}
#viewer #material-note{max-width:90%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:640px){.model-switch{padding:0 15px 12px;gap:6px}.model-switch button{padding:10px 8px;gap:4px 6px}.model-switch strong{font-size:10px;letter-spacing:.7px}.model-switch small{font-size:9px}.model-switch button>span{font-size:9px}#viewer #canvas-wrap{height:44dvh;min-height:240px}}

@media(max-width:640px){.model-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.model-switch strong{font-size:12px}.model-switch small{font-size:10px}}
