/* Room navigation and controls share the left column. Model presentation lives on the right. */
#room-workspace{position:fixed;left:24px;top:96px;width:300px;max-height:calc(100dvh - 120px);overflow:auto;z-index:3;padding:18px;border-radius:20px;border:1px solid #ffffff1b;border-top-color:#ffffff40;background:linear-gradient(145deg,#ffffff0c,transparent 40%),#20212290;box-shadow:0 20px 50px #0003,inset 1px 1px 0 #ffffff06;backdrop-filter:blur(22px) saturate(110%);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;transition:transform .22s,opacity .22s,filter .22s}
#room-workspace #panel,#room-workspace #display-panel{position:static;width:auto;max-height:none;padding:0;margin:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;overflow:visible;transform:none;opacity:1;pointer-events:auto}
#room-workspace{scrollbar-width:auto;scrollbar-color:auto}
#room-workspace::-webkit-scrollbar{width:4px}#room-workspace::-webkit-scrollbar-thumb{background:#ffffff30;border-radius:8px}
#room-workspace #panel{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #ffffff12}
#views{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#views button{font-size:10px;gap:7px;min-height:34px;padding:8px;justify-content:center;margin:0}
#views svg{width:15px;height:15px}
#view-extras{margin:10px 0 0}
#view-extras details{margin:0!important;padding:9px 0;border-top:1px solid #ffffff10}
#view-extras summary{font-size:11px;color:#aeb4ba}
#view-extras .views{margin-top:12px}#view-extras .views button{font-size:11px}
#view-extras .walk-details .setting{flex-direction:row;align-items:center;margin:8px 0}
#view-extras .walk-details select{width:60%}
#room-workspace .room-context{display:grid;grid-template-columns:1fr auto;column-gap:12px;margin:0 0 16px!important}
#room-workspace .room-context h2{grid-column:1;margin-bottom:0}
#control-room{grid-column:1;font-size:26px}
#room-workspace .room-readout{grid-column:2;grid-row:1/3;margin:0;padding:0;border:0}
#room-context-status strong{font-size:24px}#room-context-status span{font-size:12px}#room-context-status small{font-size:8px;margin-top:4px}
#room-light-bank{display:none}
#model-settings.utility-popover{inset:96px 24px auto auto;opacity:1;filter:blur(0);transform:none;z-index:3;max-height:calc(100dvh - 120px);background:linear-gradient(145deg,#ffffff0c,transparent 40%),#20212290;transition:transform .22s,opacity .22s,filter .22s}
body.panel-hidden #room-workspace{transform:translateX(calc(-100% - 28px));opacity:0;filter:blur(4px);pointer-events:none}
body.model-hidden #model-settings{transform:translateX(calc(100% + 28px));opacity:0;filter:blur(4px);pointer-events:none}
#panel-toggle[aria-expanded=true]{color:#f1f3f3;background:#ffffff10;border-color:#ffffff30}
#time-dock,body.panel-hidden #time-dock{left:50%}
@media(min-width:901px){body.panel-hidden:not(.model-hidden) #time-dock{left:calc(50% - 174px)}body.model-hidden:not(.panel-hidden) #time-dock{left:calc(50% + 174px)}}
@media(min-width:901px) and (max-width:1100px){#room-workspace{left:16px;width:278px}#model-settings.utility-popover{right:16px;width:278px}}
@media(max-width:900px){
  #room-workspace{left:16px;top:108px;width:min(320px,calc(100vw - 32px));max-height:calc(100dvh - 222px)}
  #model-settings.utility-popover{inset:108px 16px auto auto;width:min(320px,calc(100vw - 32px));max-height:calc(100dvh - 222px)}
  #time-dock,body.panel-hidden #time-dock,body.model-hidden #time-dock{left:50%}
}
@media(prefers-reduced-motion:reduce){#room-workspace,#model-settings.utility-popover{transition:none}}