.debug-layer { display:none; }
.debug-enabled .debug-layer { display:block; }
.debug-boundary { position:absolute; border:3px solid; }
.debug-stage { inset:0; border-color:#fff; }
.debug-platform { left:0; top:0; width:1080px; height:120px; border-color:#ff7de3; }
.debug-header { left:54px; top:120px; width:972px; height:140px; border-color:#27e6ff; }
.debug-scene { left:54px; top:280px; width:972px; height:778px; border-color:#3a7cff; }
.debug-camera { left:54px; top:1098px; width:176px; height:176px; border-color:#38ec92; }
.debug-support { left:250px; top:1098px; width:776px; height:176px; border-color:#ffe45f; }
.debug-rail { left:54px; top:1280px; width:972px; height:150px; border-color:#ffd45b; }
.debug-safe-left { left:54px; top:0; width:1px; height:1430px; border-left:3px dashed rgba(255,255,255,.75); }
.debug-safe-right { left:1026px; top:0; width:1px; height:1430px; border-left:3px dashed rgba(255,255,255,.75); }
.debug-reserve { position:absolute; left:0; top:1430px; width:1080px; height:490px; background:rgba(255,79,92,.18); border-top:4px solid #ff4f5c; }
.debug-essential-line { position:absolute; left:0; top:1428px; width:1080px; height:4px; background:#ff4f5c; }
.debug-label {
  position:absolute;
  padding:6px 10px;
  border-radius:6px;
  background:rgba(0,0,0,.88);
  color:#fff;
  font:700 18px/1.1 monospace;
}
.debug-label-platform { left:12px; top:78px; color:#ff7de3; }
.debug-label-header { left:64px; top:130px; color:#27e6ff; }
.debug-label-scene { left:64px; top:290px; color:#80aaff; }
.debug-label-camera { left:64px; top:1110px; color:#38ec92; }
.debug-label-support { left:260px; top:1110px; color:#ffe45f; }
.debug-label-rail { left:64px; top:1292px; color:#ffd45b; }
.debug-label-reserve { left:12px; top:1444px; color:#ff7b85; }
.debug-info {
  position:absolute;
  left:24px;
  top:24px;
  min-width:320px;
  padding:18px 22px;
  color:white;
  font:700 19px/1.45 monospace;
  background:rgba(0,0,0,.9);
  border:2px solid white;
  border-radius:12px;
}