.scene-topline { justify-content: flex-end; }
.scene-playback { display: flex; gap: 7px; }
.scene-playback .motion-button { width: 36px; height: 36px; }
.motion-button:hover { border-color: var(--accent); color: var(--accent); }
.motion-button:disabled { opacity: .35; cursor: default; }
.scene-coordinate { pointer-events: none; }
.scene-coordinate #scene-stage { color: var(--muted); }
.scene-progress { height: 2px; width: 118px; margin: 10px 0 0 auto; background: var(--line); overflow: hidden; }
.scene-progress i { display: block; height: 100%; background: var(--accent); transform: scaleX(0); transform-origin: left; }
.scene-label { transition: none; }
.scene-label.vector { color: var(--accent); }
.scene-label.buildings { color: #d4c5fa; }
[data-theme="light"] .scene-label.vector { color: #365f95; }
[data-theme="light"] .scene-label.buildings { color: #69518e; }
@media (max-width: 760px) {
  .scene-playback .motion-button { width: 44px; height: 44px; }
  .scene-topline { gap: 12px; font-size: 9px; letter-spacing: .5px; }
  .scene-coordinate { top: 65px; font-size: 9px; }
}