.grid-density-tools{display:none}
@media(max-width:900px){
  #grid{touch-action:pan-y;overscroll-behavior:contain;overflow-anchor:none}
  #grid .plate{touch-action:pan-y}
  #grid .plates{grid-template-columns:repeat(var(--grid-columns,2),minmax(0,1fr));gap:clamp(8px,2.7vw,18px);padding:0 16px 70px;margin-top:18px}
  #grid .plate .imgwrap{aspect-ratio:.71;min-height:0;overflow:hidden}
  #grid .plate img{width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;user-select:none}
  #grid .plate:hover img{transform:none}
  #grid .plate .sci{font-size:11px;overflow-wrap:anywhere}
  #grid .plates[data-density="4"] .plate:not(.ending-plate) .sci,
  #grid .plates[data-density="5"] .plate:not(.ending-plate) .sci,
  #grid .plates[data-density="6"] .plate:not(.ending-plate) .sci{display:none}
  #grid .ending-plate .sci{font-size:10px}
  #grid .ending-plate{grid-column:1 / -1;min-height:52px;display:flex;align-items:center;justify-content:center}
  #grid .ending-plate .imgwrap{display:none}
  #grid .ending-plate .sci{font-size:12px;margin:0}
  .grid-density-tools{display:flex;align-items:center;width:min(240px,calc(100% - 48px));margin:78px auto 0}
  [data-grid-slider]{flex:1;min-width:90px;width:100%;height:44px;margin:0;accent-color:#1a1e1f;cursor:ew-resize;touch-action:none}
  [data-grid-slider]:focus-visible{outline:2px solid #1a1e1f;outline-offset:3px;border-radius:2px}
  #grid.pinching{user-select:none;-webkit-user-select:none}
  #grid.pinching .plate img{transition:none}
}
