/* Navigation, room environment, whole-home power and model display have distinct scopes. */
#workspace-tools{position:fixed;right:24px;top:33px;z-index:5;display:flex;gap:7px;align-items:center}
#workspace-tools button,#workspace-tools #display-toggle{position:static;margin:0;padding:8px 13px;font-size:11px;border-radius:11px;background:#ffffff06;border:1px solid #ffffff18;color:#bdc3c7;backdrop-filter:blur(18px);white-space:nowrap}
#workspace-tools button[aria-expanded=true]{color:#f1f3f3;background:#ffffff10;border-color:#ffffff30}
#workspace-tools #model-settings-toggle{margin-left:7px}
#display-panel .room-context{margin-top:2px;margin-bottom:24px}
#display-panel #environment-lights{margin-bottom:0}
#display-panel .room-control details{margin-bottom:0}
.utility-popover,#whole-home-control.utility-popover{position:fixed;inset:96px 340px auto auto;margin:0;width:300px;max-height:calc(100dvh - 124px);overflow:auto;padding:20px;border-radius:20px;border:1px solid #ffffff28;border-top-color:#ffffff50;background:linear-gradient(140deg,#ffffff0b,transparent 55%),#252627ca;color:#dce0e3;box-shadow:0 22px 60px #0005,inset 0 1px 0 #ffffff0b;backdrop-filter:blur(26px) saturate(110%);scrollbar-gutter:stable;opacity:0;filter:blur(4px);transform:translateY(-5px);transition:opacity .22s,filter .22s,transform .22s,display .22s allow-discrete,overlay .22s allow-discrete}
.utility-popover:popover-open,#whole-home-control.utility-popover:popover-open{opacity:1;filter:blur(0);transform:translateY(0)}
@starting-style{.utility-popover:popover-open,#whole-home-control.utility-popover:popover-open{opacity:0;filter:blur(4px);transform:translateY(-5px)}}
.utility-popover::backdrop{background:transparent;pointer-events:none}
.utility-popover::-webkit-scrollbar{width:4px}.utility-popover::-webkit-scrollbar-thumb{background:#ffffff30;border-radius:8px}
.utility-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;gap:12px}
.utility-heading h2{font-size:20px;letter-spacing:0;margin:0;color:#ecefec}
.utility-heading button{padding:0;width:28px;height:28px;border-radius:9px;border-color:#ffffff17;background:#ffffff05;font-size:19px;line-height:1;color:#b6bdc2}
#model-settings #picture-settings{margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid #ffffff14}
#model-settings #picture-settings>summary{font-size:11px;color:#aab1b6}
#model-settings .tabs{position:static;background:#0002;backdrop-filter:none;padding:3px;border-radius:11px;border:1px solid #ffffff10;gap:4px;margin:0 0 20px}
#model-settings .tabs button{padding:8px;font-size:12px;border:0;background:none;border-radius:8px;color:#9fa7ad}
#model-settings .tabs [aria-selected=true]{background:#ffffff12;color:#f1f3f3;box-shadow:inset 0 1px 0 #ffffff10}
#model-settings [role=tabpanel] section{margin:0}
#model-settings [role=tabpanel] h2{font-size:10px;color:#8f979d;margin:0 0 12px}
#model-settings .switch{min-height:43px;gap:12px;font-size:11px;border-bottom:1px solid #ffffff08}
#model-settings a{color:rgb(var(--theme));font-size:11px}
#model-settings .setting{gap:12px}#model-settings input[type=range]{max-width:145px}
#whole-home-control .master{margin:0 0 20px;padding:0 0 18px;border-bottom:1px solid #ffffff12;min-height:52px}
#whole-home-control .master>span{font-size:12px;color:#c8cdd1}
#whole-home-control .master small{display:block;font-size:24px;line-height:1.3;margin-top:8px;color:#e8eeec}
#whole-home-control .views{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#whole-home-control .views button{font-size:12px;padding:13px 8px;border-radius:12px;background:#ffffff07;border-color:#ffffff20}
#whole-home-control #lights-on{background:rgba(var(--theme),.15);border-color:rgba(var(--theme),.3);color:rgb(var(--theme))}
@media(min-width:901px) and (max-width:1100px){.utility-popover,#whole-home-control.utility-popover{right:310px}}
@media(min-width:901px) and (max-height:850px){#display-panel .room-context{margin-bottom:18px}}
@media(max-width:900px){
  #workspace-tools{top:73px;right:16px;gap:6px}
  #workspace-tools button,#workspace-tools #display-toggle{padding:6px 10px;font-size:10px}
  #workspace-tools #model-settings-toggle{margin-left:0}
  .utility-popover,#whole-home-control.utility-popover{inset:108px 16px auto auto;width:min(320px,calc(100vw - 32px));max-height:calc(100dvh - 222px);padding:18px}
}
@media(prefers-reduced-motion:reduce){.utility-popover,#whole-home-control.utility-popover{transition:none}}