.room-entry{position:absolute;top:16px;left:16px;min-height:48px;padding:12px 18px;background:#a9572d;color:#fff;border:1px solid #f2cfb8;border-radius:4px;font:600 1rem/1.4 sans-serif;cursor:pointer}
#room-dialog{padding:0;border:1px solid #77827e;border-radius:8px;width:min(1120px,calc(100% - 24px));max-height:92dvh;overflow:auto;background:#f4f1e9;color:#182329}
#room-dialog::backdrop{background:rgba(10,18,22,.85)}
.room-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 22px;background:#182329;color:#f4f1e9}
.room-header h2{margin:0;font-size:1.35rem}.room-header p{margin:4px 0 0;font-size:.875rem;color:#d0d8d5}
#room-dialog button,#room-dialog select{font:inherit;min-height:44px;border:1px solid #7a8581;border-radius:4px;padding:9px 12px;cursor:pointer}
#room-close{background:#f4f1e9;color:#182329;white-space:nowrap}
.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px}
.room-viewport{position:relative;height:560px;background:#d8dcd4;min-width:0}.room-viewport canvas{display:block;width:100%;height:100%}
.room-controls{padding:22px;display:grid;align-content:start;gap:16px}.room-controls label{display:grid;gap:6px;font-size:1rem}.room-controls select{width:100%;background:#fff;color:#182329}
.room-views{display:grid;gap:8px}.room-views button{background:#fff;color:#182329;text-align:left}.room-views button[aria-pressed=true]{background:#a9572d;color:#fff}
.room-note{font-size:.875rem;line-height:1.6;margin:0}.room-status{position:absolute;bottom:12px;left:12px;right:12px;background:rgba(244,241,233,.96);padding:10px 12px;font-size:.875rem;color:#182329}
#room-dialog :focus-visible,.room-entry:focus-visible{outline:3px solid #d47b40;outline-offset:3px}
@media(max-width:760px){.room-layout{grid-template-columns:1fr}.room-viewport{height:clamp(260px,48dvh,430px)}.room-controls{padding:16px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.room-views,.room-note{grid-column:1/-1}.room-views{grid-template-columns:repeat(3,minmax(0,1fr))}.room-header{padding:14px;align-items:start}.room-header h2{font-size:1.1rem}.room-header p{font-size:.8rem}.room-header button{font-size:.875rem!important}}