/* Время суток и рентген: ползунки в панели 3D (обычный экран) или в полоске слева вверху (полный экран), легенда слоёв справа внизу. */
.fx-g{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap;flex:0 0 auto}
.fx-t,.fx-s{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0 10px;min-height:38px;box-sizing:border-box;background:rgba(255,255,255,.94);border:1px solid #dfe3e8;border-radius:10px;font-size:12.5px;font-weight:650;color:#4b535b}
.fx-t input[type=range]{width:120px;min-width:0;margin:0;accent-color:#16181c;background:transparent}
.fx-t output{min-width:40px;text-align:right;font-variant-numeric:tabular-nums;font-weight:700;color:#16181c}
.fx-s{padding:0 4px 0 10px}
.fx-s select{font:inherit;font-size:13px;font-weight:650;border:0;border-radius:8px;padding:6px 4px;background:transparent;color:#16181c;min-height:34px;max-width:170px}
.fx-g.is-on .fx-t,.fx-g.is-on .fx-s{border-color:#16181c}
#pl-fxbar{display:none;position:absolute;left:4px;top:4px;z-index:5;gap:6px;flex-wrap:wrap;align-items:center;max-width:calc(100% - 8px);padding:2px;background:rgba(255,255,255,.9);border-radius:12px}
#pl.sk-fs-on.is-3d #pl-fxbar{display:flex}
#pl.pl-wallmode #pl-fxbar{display:none}
#pl-fxbar .fx-t,#pl-fxbar .fx-s{min-height:44px}
@media(max-width:700px){
  .fx-t,.fx-s{min-height:44px}
  .fx-t>span,.fx-s>span{display:none}
  .fx-t input[type=range]{width:100px}
  .fx-s select{max-width:128px}
}

/* Легенда слоёв рентгена: справа внизу сцены. */
.pl-xray{position:absolute;right:10px;bottom:10px;z-index:5;width:min(360px,calc(100% - 20px));max-height:calc(100% - 20px);overflow:auto;box-sizing:border-box;padding:10px 12px 10px;background:rgba(255,255,255,.96);border:1px solid #dfe3e8;border-radius:14px;box-shadow:0 8px 28px rgba(20,30,40,.22);font-size:13px;color:#16181c}
.pl-xray[hidden]{display:none}
#pl.pl-wallmode .pl-xray{display:none}
.pl-xray .xr-h{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.pl-xray .xr-h b{font-size:14px;flex:1}
.pl-xray .xr-k{font-variant-numeric:tabular-nums;font-weight:700;color:#4b535b}
.pl-xray .xr-x{appearance:none;border:0;background:#f0f2f4;border-radius:8px;width:28px;height:28px;font-size:18px;line-height:1;cursor:pointer;color:#16181c}
.pl-xray .xr-scope{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 8px;font-weight:650;color:#4b535b}
.pl-xray .xr-scope label{display:inline-flex;align-items:center;gap:5px;cursor:pointer}
.pl-xray .xr-scope input:disabled+*,.pl-xray .xr-scope label:has(input:disabled){opacity:.55;cursor:default}
.pl-xray .xr-list{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.pl-xray .xr-list li{display:grid;grid-template-columns:minmax(0,1fr);gap:1px}
.pl-xray .xr-list label{display:flex;align-items:center;gap:7px;font-weight:650;cursor:pointer}
.pl-xray .xr-list i{flex:0 0 14px;width:14px;height:14px;border-radius:4px;border:1px solid rgba(0,0,0,.25)}
.pl-xray .xr-n{min-width:0}
.pl-xray .xr-v{margin-left:44px;color:#5a626b;font-size:12px;line-height:1.35}
.pl-xray .xr-empty{color:#5a626b}
.pl-xray .xr-extra,.pl-xray .xr-miss{margin:8px 0 0;font-size:12px;line-height:1.4;color:#5a626b}
.pl-xray .xr-miss{color:#7a4a00}
@media(max-width:640px){.pl-xray{left:6px;right:6px;bottom:6px;width:auto;max-height:46%}}
/* pl-phone-hide: список слоёв рентгена на телефоне не выезжает. Ползунок .fx-xray и сам вид слоёв остаются. */
@media (max-width:760px){
  .pl-xray{display:none!important}
}