/* loom-layer-roots.css — sibling stacking roots (recess-safe)
   Recess applies to #loom-layer-room only. FLOATING/DRAWER/SYSTEM are siblings. */

.loom-layer-root {
  position: relative;
  min-height: 0;
}

#loom-layer-ground {
  z-index: 0;
}

#loom-layer-room {
  z-index: 1;
  position: relative;
}

#loom-layer-object {
  z-index: 2;
}

/* Overlay stack — outside recessed room filter containing-block */
#loom-layer-floating,
#loom-layer-drawer,
#loom-layer-system {
  position: fixed;
  inset: 0;
  z-index: 40;
  pointer-events: none;
}

#loom-layer-floating { z-index: 40; }
#loom-layer-drawer { z-index: 50; }
#loom-layer-system { z-index: 60; }

#loom-layer-floating > *,
#loom-layer-drawer > *,
#loom-layer-system > * {
  pointer-events: auto;
}

/* When room is recessed, overlays stay full opacity (they are not inside room). */
#loom-layer-room.os-recessed {
  /* inherits .os-recessed from os-tokens.css */
}