.kx-canvas {
  transform-origin: center center;
  transition: transform 0.12s ease;
  max-width: 100%;
  max-height: 100%;
}
.kx-canvas__svg {
  width: min(900px, 100%);
  height: auto;
  max-height: 100%;
  display: block;
}

.kx-canvas__hall {
  fill: var(--color-canvas-bg);
  stroke: #4b5b78;
  stroke-width: 0.6;
}

.kx-canvas__trench line {
  stroke: var(--color-canvas-line);
  stroke-width: 0.15;
  stroke-dasharray: 1 1;
}

.kx-canvas__booth polygon {
  fill: rgba(0, 102, 179, 0.72);
  stroke: #7cb2e0;
  stroke-width: 0.15;
  transition: fill 0.12s ease;
  cursor: pointer;
}
.kx-canvas__booth.is-premium polygon {
  fill: rgba(0, 102, 179, 0.5);
  stroke-width: 0.3;
}
.kx-canvas__booth:hover polygon {
  fill: rgba(0, 102, 179, 0.9);
}
.kx-canvas__booth.is-selected polygon {
  fill: rgba(0, 102, 179, 0.95);
  stroke: var(--color-white);
  stroke-width: 0.4;
}
.kx-canvas__booth:focus {
  outline: none;
}
.kx-canvas__booth:focus polygon {
  stroke: var(--color-ai-accent);
  stroke-width: 0.4;
}
.kx-canvas__booth-label {
  fill: rgba(255, 255, 255, 0.92);
  font-size: 1px;
  font-family: var(--font-mono);
  text-anchor: middle;
  dominant-baseline: middle;
  pointer-events: none;
}

.kx-canvas__ruler line {
  stroke: #5b6b88;
  stroke-width: 0.1;
}
.kx-canvas__ruler text {
  fill: #8a9bb8;
  font-size: 1.4px;
}
