/* Room pads are device selectors, beside one open control surface. */
.room-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:48px;margin:32px 0 48px}
.room-board,.room-inspector{min-width:0}.room-board>.section-top{margin-bottom:12px}.room-board>.section-top h2{margin-bottom:4px}
.room-board>.notice{max-width:620px}.room-inspector{border-left:1px solid var(--line);padding-left:32px}
.room-pads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
.room-pad{background:none;color:var(--text);border:0;border-top:1px solid var(--line);padding:20px 8px;min-height:155px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;min-width:0;position:relative}
.room-pad:hover{background:var(--hover)}.room-pad[aria-pressed=true]{border-top:2px solid var(--text);padding-top:19px}
.room-pad[aria-pressed=true] strong{text-decoration:underline;text-underline-offset:5px}
.room-pad strong{font-size:17px;line-height:1.35;font-weight:500;overflow-wrap:anywhere}
.room-pad-symbol{font-size:26px;line-height:1.2;color:var(--secondary);margin-bottom:4px}
.room-pad-state{font-size:12px;color:var(--secondary);line-height:1.5;overflow-wrap:anywhere}
.room-pad-empty{padding:24px 8px;min-height:155px;display:flex;flex-direction:column;justify-content:center;color:var(--muted);font-size:12px;border-top:1px dashed var(--line)}
.room-pad-empty small{margin-top:4px}.room-extra-pads>h3{margin:28px 0 16px;font-size:14px}
.room-selected-light.control-device{padding:0;border:0}.room-selected-light>.eyebrow{margin-bottom:12px}.room-selected-light h2{font-size:25px;line-height:1.2;overflow-wrap:anywhere}
.room-state-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0 12px;font-size:12px;color:var(--secondary)}
.room-selected-light>.notice{font-size:12px;max-width:440px}.control-light-controls{display:flex;flex-direction:column;gap:18px;margin:24px 0 16px}
.control-light-controls label{margin:0}.room-set-row{display:flex;align-items:center;gap:16px;margin-top:8px}.room-set-row input:not([type=checkbox]){margin:0;max-width:180px;min-height:40px}
.room-set-row input[type=color]{width:60px;max-width:60px;padding:4px;height:40px}.room-set-row .btn{flex-shrink:0}
.room-draft,.room-feedback{font-size:12px;color:var(--secondary);margin:12px 0;line-height:1.6}.room-draft:empty,.room-feedback:empty{display:none}
.room-device-details,.room-light-scenes{margin-top:16px;font-size:12px}.room-device-details summary,.room-light-scenes summary,.control-connections summary{cursor:pointer;color:var(--secondary);min-height:40px;display:list-item;align-content:center}
.room-device-details .review-facts{margin:12px 0}.room-device-details .notice{font-size:12px}.control-connections{border-top:1px solid var(--line);margin-top:24px;padding-top:8px}.control-connections>summary{font-size:13px}
.control-provider{padding:16px 0}.control-provider h3{font-size:14px}.control-provider .notice{font-size:12px;margin:8px 0}
.room-audio{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.room-audio .section-top{gap:10px;flex-wrap:wrap;margin-bottom:12px}.room-audio h2{font-size:18px}.room-audio h3{font-size:16px}.room-audio .notice{font-size:12px;margin:8px 0 16px}.room-audio>small{display:block;margin-top:12px;font-size:11px}
.room-layout-editor{border-top:1px solid var(--line);padding:20px 0;margin-bottom:24px}.room-layout-editor h3{margin-bottom:8px}.room-layout-editor .notice{font-size:12px}.room-layout-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px}.room-layout-fields select{font-size:12px}
.control-compute{padding-top:24px;border-top:1px solid var(--line);margin-bottom:32px}.control-node .review-facts{max-width:460px}.control-node.control-device{padding:16px 0}.control-node .notice{font-size:12px}.control-node h3{font-size:18px}
.room-context-link{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.room-context-link p{margin:6px 0 0;font-size:12px}
@media(max-width:1100px){.room-workspace{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:28px}.room-inspector{padding-left:24px}.room-pads{gap:0 12px}.room-pad strong{font-size:15px}}
@media(max-width:850px){.room-workspace{grid-template-columns:1fr;gap:32px}.room-inspector{padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}.room-pad{min-height:135px}.room-pad-empty{min-height:135px}.room-set-row input:not([type=checkbox]){max-width:200px}.room-context-link{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:480px){.room-pads{gap:0 8px}.room-pad{padding:16px 4px;min-height:140px}.room-pad[aria-pressed=true]{padding-top:15px}.room-pad strong{font-size:14px}.room-pad-state{font-size:11px}.room-pad-empty{padding:16px 4px;min-height:140px}.room-layout-fields{grid-template-columns:1fr}.room-layout-fields select{font-size:14px}.room-set-row{gap:12px}.room-workspace{margin-top:24px}}