html, body { height: 100%; margin: 0; overflow: hidden; }
#canvas { position: fixed; inset: 0; display: block; width: 100%; height: 100%; outline: none; touch-action: none;
  -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
body[data-state="loading"] #canvas { visibility: hidden; }
.viewer-corner { display: flex; align-items: center; gap: 14px; }
.viewer-corner .brand { display: inline-flex; align-items: center; gap: 6px; height: auto; padding: 0; font-size: 12px; }
.viewer-corner .brand svg { width: 18px; height: auto; }