/* One coordinate system for the artwork and live Labs window. */
@media (min-width: 901px) {
  body.rl-lab-workstation-active .rl-lab-stage {
    position: fixed !important;
    top: var(--rl-lab-nav-bottom) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: var(--rl-lab-stage-height) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background-color: #080d13;
  }
  body.rl-lab-workstation-active .rl-lab-artwork {
    min-height: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    aspect-ratio: auto !important;
    background-image: url('/assets/terminal-workstation.webp') !important;
    background-size: var(--rl-lab-art-width) var(--rl-lab-art-height) !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
  }
  body.rl-lab-workstation-active .rl-lab-stage > .rl-lab-artwork {
    width: 100% !important;
    height: 100% !important;
  }
  body.rl-lab-workstation-active .rl-lab-stage .rl-lab-window {
    position: absolute !important;
    left: var(--rl-lab-screen-left) !important;
    top: var(--rl-lab-screen-top) !important;
    width: var(--rl-lab-screen-width) !important;
    height: var(--rl-lab-screen-height) !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    box-sizing: border-box;
  }
  /* The artwork's helper line is covered by the aligned live terminal now. */
  body.rl-lab-workstation-active .terminal-window { background: #080e14 !important; }
  body.rl-lab-workstation-active .terminal-hint { display: none !important; }
}