/* From media/canvas.css, @media (max-width: 1200px) { */
:root { --palette-w: 52px; --props-w: 320px; }
  #palette { padding: 8px 6px; align-items: center; }
  .shortcuts { display: none; }
  #palette h3 { width: 24px; height: 0; margin: 8px 0; padding: 0; border-top: 1px solid var(--border); overflow: hidden; }
  #palette h3:first-of-type { display: none; }
  .block { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; }
  .block .title, .block .desc { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .block .glyph { margin: 0; }
  .palette-import { width: 36px; height: 36px; padding: 0; justify-content: center; }
  .palette-import span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }