/* Pendulum mobile-only CSS tweaks. */
@media (max-width: 640px) {
  .pendulum-toolbar {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .pendulum-toolbar .btn,
  .pendulum-more-panel .btn {
    font-size: 0.84rem;
    min-height: 36px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .pendulum-select {
    min-height: 36px;
    font-size: 0.84rem;
    padding-left: 8px;
    padding-right: 8px;
  }

  .pendulum-more-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pendulum-canvas-wrap {
    height: min(62vh, 600px);
    min-height: 300px;
  }

  .pendulum-paint-overlay {
    gap: 4px;
    padding: 8px 10px;
    border-radius: 18px;
  }

  .pendulum-paint-overlay-action {
    min-width: 66px;
    padding: 6px 4px;
  }

  .pendulum-paint-overlay-icon {
    width: 24px;
    height: 24px;
  }

  .pendulum-paint-overlay-label {
    font-size: 0.62rem;
  }
}