/* Dimension rulers belong to the preview interface and never intercept model gestures. */
#modelModal .model-container { background: #f3f4f1; }
#modelViewer .md-anchor { display: none; pointer-events: none; }
.md-annotation-overlay { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; }
.md-extension { fill: none; stroke: #6c756a; stroke-width: 1; stroke-opacity: .65; }
.md-ruler { fill: none; stroke: #343f33; stroke-width: 1.5; }
.md-label-ground { fill: #fff; fill-opacity: .97; }
.md-ruler-label { fill: #253225; font-family: inherit; font-size: 14px; font-weight: 650; font-variant-numeric: tabular-nums; }
.md-annotation-caption { position: absolute; top: 14px; left: 14px; padding: 7px 10px; color: #394536; background: #fff; font-size: 13px; pointer-events: none; }
.model-dimensions .md-toggle { display: block; width: 100%; margin: 18px 0; padding: 11px 14px; border: 0; border-radius: 0; background: #e9ede6; color: #253225; font: inherit; font-size: 13px; cursor: pointer; text-align: left; }
.model-dimensions .md-toggle:hover { background: #dfe6da; }
.model-dimensions button:focus-visible { outline: 2px solid #0058a3; outline-offset: 3px; }
.model-dimensions .md-values dt { color: #596052; font-size: 13px; }
.model-dimensions .md-note { color: #596052; font-size: 13px; }
.model-dimensions .md-label { color: #4e583f; font-size: 13px; }
.model-dimensions .md-bounds .md-values dd { font-size: 13px; }
.model-dimensions .md-bounds { border: 0; margin-top: 22px; padding-top: 0; }
@media (max-width: 1023px) {
  #modelModal .model-layout { grid-template-rows: minmax(280px, 42dvh) auto; }
  .model-dimensions .md-units button { min-width: 44px; min-height: 44px; font-size: 13px; }
  .md-annotation-caption { top: 8px; left: 8px; padding: 5px 7px; font-size: 13px; }
  .md-ruler-label { font-size: 13px; }
  .model-dimensions .md-toggle { margin: 12px 0; }
}