/* The 2D scene viewport (viewport2d.js). */

.v2d {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: var(--bg);
  outline: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: none;
}

.v2d:focus-visible {
  box-shadow: inset 0 0 0 1px var(--accent);
}

.v2d-canvas {
  position: absolute;
  inset: 0;
  display: block;
}

.v2d-probe {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

.v2d-flash {
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
  max-width: calc(100% - 24px);
  padding: 6px 10px;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  background: var(--panel);
  color: var(--fg);
  font: 12px/1.4 var(--font-ui);
  pointer-events: none;
}

.v2d-flash[hidden] {
  display: none;
}