.dev-size-indicator {
  position: fixed;
  right: 14px;
  bottom: 14px;
  z-index: 9999;
  pointer-events: none;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(5, 16, 24, 0.88);
  border: 1px solid rgba(38, 212, 255, 0.28);
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

#devSizeIndicator {
  display: none;
}

body.dev #devSizeIndicator {
  display: block;
}

@media (max-width: 768px) {
  .dev-size-indicator {
    right: 10px;
    bottom: 10px;
    padding: 8px 12px;
    font-size: 0.75rem;
  }
}