:root {
  --mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;
  --sans: Inter, "Segoe UI", Arial, sans-serif;
}

.zoom-controls {
  height: 34px;
  display: flex;
  overflow: hidden;
  border: 1px solid rgba(192, 211, 235, 0.13);
  border-radius: 18px;
  background: rgba(8, 14, 24, 0.52);
  backdrop-filter: blur(8px);
}

.zoom-controls button {
  min-width: 32px;
  padding: 0;
  justify-content: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
  font-size: 12px;
}

.zoom-controls button + button {
  border-left: 1px solid rgba(192, 211, 235, 0.1);
}

.zoom-controls .zoom-level {
  width: 47px;
  color: #aab7c5;
  font-size: 7px;
  letter-spacing: 0.04em;
}

.zoom-controls button:disabled {
  opacity: 0.28;
  cursor: not-allowed;
}

@media (max-width: 760px) {
  .zoom-controls .zoom-level {
    display: flex !important;
    width: 42px;
  }

  .zoom-controls button {
    width: 30px !important;
  }
}

@media (max-width: 520px) {
  .zoom-controls {
    position: fixed;
    top: 70px;
    right: 18px;
  }
}