/* Furniture and air-wall editing instructions share the fixed room toolbar. */
body:has(#world) .top > :is(.lc-furniture-floating,.lc-furniture-picker,.lc-air-bar){
  order:1;flex:1 1 0;min-width:0;box-sizing:border-box;
  color:var(--room-ink);font:900 12px/1.3 'Courier New',monospace;
  background:transparent;border:0;box-shadow:none;transform:none;
}
body:has(#world) .top > :is(.lc-furniture-floating,.lc-furniture-picker,.lc-air-bar)[hidden]{display:none!important}
/* Frame the instruction itself, leaving editing buttons alongside it. */
body:has(#world) .top > .lc-furniture-floating,
body:has(#world) .top > .lc-furniture-picker span,
body:has(#world) .top > .lc-air-bar .lc-air-description{
  box-sizing:border-box;min-height:40px;padding:6px 10px;
  display:flex;align-items:center;justify-content:center;
  text-align:center;background:#d8ccf5;border:3px solid #28212d;
  box-shadow:3px 3px 0 #28212d;
}
body:has(#world) .top > .lc-furniture-floating{
  white-space:nowrap;overflow:hidden;pointer-events:none;
}
body:has(#world) .top > :is(.lc-furniture-picker,.lc-air-bar){
  display:flex;align-items:center;gap:7px;padding:0 4px;
}
body:has(#world) .top > :is(.lc-furniture-picker,.lc-air-bar) button{
  flex:0 0 auto;min-height:32px;padding:4px 8px;
  background:#6bd9ad;color:var(--room-ink);border:2px solid var(--room-ink);
  border-radius:0;box-shadow:2px 2px 0 var(--room-ink);
  font:900 12px/1 'Courier New',monospace;cursor:pointer;
}
body:has(#world) .top > .lc-furniture-picker span{
  min-width:0;flex:1;overflow-wrap:anywhere;
}
body:has(#world) .top > .lc-air-bar .lc-air-description{
  min-width:0;flex:1;gap:8px;flex-wrap:wrap;
}
body:has(#world) .top > .lc-air-bar .lc-air-action{flex:0 0 auto;white-space:nowrap}
body:has(#world) .top > .lc-air-bar .lc-air-count{
  min-width:0;flex:0 1 auto;overflow-wrap:anywhere;
}
body:has(#world) .top > .lc-air-bar .lc-air-confirm{background:#6bd9ad}
body:has(#world) .top > .lc-air-bar .lc-air-cancel{background:#ff887b}
body:has(#world) .top > .lc-air-bar :is(.lc-air-confirm,.lc-air-cancel){font-size:18px}
body:has(#world) .top > .lc-air-bar button:disabled{opacity:.5;cursor:wait}
body:has(#world) .top .roomToolbar{order:2}
/* The map follows the toolbar when the editing guidance needs another row. */
body:has(#world) .world{margin-top:calc(var(--lc-room-top-height,64px) + 12px)}
body.roomMobileViewport:has(#world) .roomFloorViewport{top:var(--lc-room-top-height,64px)}
@media(max-width:1150px){
  body:has(#world) .top:has(> :is(.lc-furniture-floating,.lc-furniture-picker,.lc-air-bar):not([hidden])){
    height:auto;min-height:104px;flex-wrap:wrap;align-content:center;
    column-gap:8px;row-gap:5px;padding:7px 14px;
  }
  body:has(#world) .top .roomToolbar{order:0}
  body:has(#world) .top > :is(.lc-furniture-floating,.lc-furniture-picker,.lc-air-bar){
    order:3;flex:1 0 100%;height:auto;min-height:40px;
  }
}
@media(max-width:600px){
  body:has(#world) .top:has(> :is(.lc-furniture-floating,.lc-furniture-picker,.lc-air-bar):not([hidden])){
    min-height:134px;padding:6px 10px;column-gap:6px;row-gap:4px;
  }
  body:has(#world) .top > :is(.lc-furniture-floating,.lc-furniture-picker,.lc-air-bar){font-size:11px}
  body:has(#world) .top > .lc-furniture-floating{white-space:normal;overflow-wrap:anywhere}
  body:has(#world) .top > .lc-air-bar .lc-air-description{min-height:44px;gap:0 6px}
  body:has(#world) .top > :is(.lc-furniture-picker,.lc-air-bar){gap:4px}
  body:has(#world) .top > :is(.lc-furniture-picker,.lc-air-bar) button{min-height:30px;padding:3px 6px;font-size:11px}
}
