.grid-row-controls output { min-width: 64px; }
@media (max-width: 720px) {
  .floating-tools { max-width: calc(100vw - 28px); padding-right: 0; gap: 8px; }
  .pen-cluster { flex-wrap: wrap; max-width: 100%; }
  .saved-workspaces { bottom: calc(var(--toolbar-bottom) + 190px); }
}
@media (max-width: 480px) {
  .floating-tools { left: 12px; max-width: calc(100vw - 24px); }
  .pen-cluster { gap: 5px; }
  .pen-cluster .icon-button { width: 32px; height: 32px; min-height: 32px; }
  .pen-swatch { width: 22px; height: 22px; }
  .grid-row-controls { gap: 5px; }
  .grid-row-controls button { width: 34px; height: 36px; }
  .grid-row-controls output { min-width: 54px; }
}