/* All camera types share an upright, circular marker. */
.camera,.camera:hover,.camera:active,.camera[aria-pressed=true]{box-sizing:border-box;width:30px;height:30px;display:grid;place-items:center;background:#fff!important;border:1.5px solid #00afd0!important;border-radius:50%!important;padding:1px!important;box-shadow:none!important;cursor:grab}
.camera[aria-pressed=true]{box-shadow:0 0 0 2px #00afd033!important}
.camera:active{cursor:grabbing}
.camera:focus-visible{outline:2px solid #112733!important;outline-offset:3px}
#markers .camera img{display:block!important;width:24px!important;height:24px!important;object-fit:contain;transform:none!important;filter:none!important;margin:0;pointer-events:none}
.camera b{top:-7px;right:-7px}
@media(max-width:720px){.camera,.camera:hover,.camera:active,.camera[aria-pressed=true]{width:30px;height:30px}#markers .camera img{width:23px!important;height:23px!important}}

/* Room fills stay below coverage and camera markers in every editing mode. */
#drawing-layer{z-index:1}
#coverage{z-index:2}
#markers{z-index:3}
#camera-controls{z-index:4}
#stage .camera,#stage:not([data-mode=camera]) .camera{opacity:1}