/* Rooms, layers, preview and inspector stay in one desktop workspace. */
.settings-page #roomSelect{display:none}
.settings-page .editor-grid{grid-template-columns:150px 128px minmax(100px,1fr) 350px}
.settings-page .editor-grid.pane-closed{grid-template-columns:150px 128px minmax(100px,1fr)}
.settings-page .editor-grid>.room-rail,.settings-page .editor-grid>.layer-rail{display:flex;flex-direction:column;overflow:hidden;min-height:0}
.settings-page .room-rail h2,.settings-page .layer-rail h2{font-size:.9rem;margin:0 0 10px}
.settings-page .room-list,.settings-page .layer-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;gap:7px}
.settings-page .room-list button,.settings-page .layer-list button{flex:none;text-align:left;padding:8px;font-size:.8rem;min-width:0;overflow-wrap:anywhere}
.settings-page .room-list button.selected{border-color:var(--accent);background:#2b4028;color:var(--accent)}
.settings-page .room-rail .toolbar,.settings-page .layer-rail .toolbar{flex:none;margin:10px 0 0;gap:5px}
.settings-page .layer-rail .canvas-size{flex:none}
.settings-page .layer-rail .canvas-size .fields{gap:5px}
.settings-page .layer-rail .canvas-size input{padding:5px}
.thai-date-control{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:4px;align-items:center;min-width:0}
.thai-date-control>input{min-width:0;width:100%;font-variant-numeric:tabular-nums}
.thai-date-control .date-picker-button{padding:3px;align-self:stretch;font-size:1.2rem;line-height:1;color:var(--accent);min-height:30px}
.thai-date-control .native-date-picker{grid-column:1/-1;min-width:0;width:100%;color-scheme:dark}
.thai-date-control input[aria-invalid="true"]{border-color:var(--danger)}
@media(min-width:1600px){.settings-page .editor-grid{grid-template-columns:170px 145px minmax(150px,1fr) 390px}.settings-page .editor-grid.pane-closed{grid-template-columns:170px 145px minmax(150px,1fr)}}
@media(max-width:1100px) and (min-width:761px){.settings-page .editor-grid{grid-template-columns:105px 100px minmax(80px,1fr) 295px;gap:6px}.settings-page .editor-grid.pane-closed{grid-template-columns:105px 100px minmax(80px,1fr)}.settings-page .editor-grid>.panel{padding:8px}.settings-page .room-list button,.settings-page .layer-list button{font-size:.73rem;padding:7px}.settings-page .timing-box input{font-size:.75rem}}
@media(max-width:900px) and (min-width:761px){.settings-page .sidebar{width:100px}.settings-page main{margin-left:100px}.settings-page .editor-grid{grid-template-columns:90px 85px minmax(65px,1fr) 270px}.settings-page .editor-grid.pane-closed{grid-template-columns:90px 85px minmax(65px,1fr)}}
@media(max-width:760px){.settings-page .editor-grid,.settings-page .editor-grid.pane-closed{grid-template-columns:1fr}.settings-page .editor-grid>.room-rail,.settings-page .editor-grid>.layer-rail{display:block}.settings-page .room-list,.settings-page .layer-list{flex-direction:row;max-height:90px;overflow:auto}.settings-page .room-list button,.settings-page .layer-list button{min-width:90px;white-space:nowrap}.settings-page .room-rail .toolbar,.settings-page .layer-rail .toolbar{display:inline-flex;margin-top:6px}}