/* The environment is primary; model display controls form a quiet footer. */
#display-panel .tabs{margin:19px 0 0;padding:12px 0 0;border:0;border-top:1px solid #ffffff12;border-radius:0;background:none;box-shadow:none;gap:12px}
#display-panel .tabs button{padding:5px 3px;font-size:10px;color:#858b90;border-radius:0;background:none;box-shadow:none}
#display-panel .tabs [aria-selected=true]{background:none;box-shadow:none;color:#cbd0d3;border-bottom:1px solid rgba(var(--theme),.5)}
#picture-settings>summary{font-size:9px;color:#858b90}
#picture-settings{border-bottom-color:#ffffff08}
.environment-modes button{padding:9px 8px}
.room-scenes button{min-height:120px;padding:6px 12px 12px}
.room-scenes .control-art{height:78px;width:100%;stroke:#b3b9bc;stroke-width:.85}
.room-scenes .art-shell{stroke:#999fa5;opacity:.26}
.room-scenes .art-light{fill:rgb(var(--theme));opacity:.2}
.room-scenes .art-beam{stroke:rgb(var(--theme));stroke-width:1.5;opacity:.8}
.room-scenes [aria-pressed=true] .control-art{stroke:#e3e7e7}
.room-scenes [aria-pressed=true] .art-shell{opacity:.48}
.room-scenes [aria-pressed=true] .art-light{opacity:.4}
.room-scenes [data-scene-mode=关灯] .control-art{opacity:.4}
.room-scenes [data-scene-mode=关灯][aria-pressed=true] .control-art{opacity:.75}
.curtain-preview i{transition:width .7s cubic-bezier(.4,0,.6,1)}
.curtain-preview.is-sliding i{transition:none}
.room-scenes:has(>button:nth-child(3):last-child)>button:last-child{grid-column:1/-1;min-height:50px;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:5px 12px}
.room-scenes:has(>button:nth-child(3):last-child)>button:last-child .control-art{width:50px;height:38px}
.room-float-card{opacity:.36;transition:opacity .22s ease,filter .22s ease,height .22s ease,background .22s ease}
#room-cards path,#room-cards circle{opacity:.15;transition:opacity .22s ease}
.room-float-card.is-near,.room-float-card.is-active{opacity:.8}
.room-float-card:is(:hover,:focus-within,.is-open){opacity:1}
#room-cards :is(path,circle):is(.is-near,.is-active){opacity:.65}
#room-cards :is(path,circle).is-open{opacity:1}
#room-cards.is-orbiting .room-float-card{opacity:.16}
#room-cards.is-orbiting :is(path,circle){opacity:.06}
@media(pointer:coarse){.room-float-card{opacity:.65}.room-float-card.is-active{opacity:1}}
@media(min-width:901px) and (max-height:850px){.room-scenes button{min-height:100px}.room-scenes .control-art{height:60px}#display-panel .tabs{margin-top:11px;padding-top:8px}}
@media(max-width:900px){.room-scenes button{min-height:106px}.room-scenes .control-art{height:64px}#display-panel .tabs{margin-top:12px;padding-top:8px}}
@media(prefers-reduced-motion:reduce){.curtain-preview i,.room-float-card,#room-cards path,#room-cards circle{transition:none!important}}