.room-main{max-width:1500px}.room-columns{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}.room-editor{min-width:0}.room-toolbar,.room-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.room-toolbar button,.room-actions button{font-size:12px}.room-toolbar button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}#room-canvas{display:block;width:100%;height:auto;background:#202d24;image-rendering:pixelated;touch-action:none;border:1px solid #4b604d}#room-canvas:focus-visible{outline:2px solid var(--gold)}.room-palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:420px;overflow:auto;margin:12px 0}.room-palette button{display:flex;flex-direction:column;align-items:center;gap:8px;background:#101815;color:var(--text);font-size:11px}.room-palette button[aria-pressed=true]{border-color:var(--gold)}.room-palette canvas{width:64px;height:64px;image-rendering:pixelated}.room-palette small{color:var(--muted)}.compose-box{border-block:1px solid var(--line);padding:18px 0;margin:22px 0}.compose-box summary{cursor:pointer;color:var(--gold);font-size:14px}.placement-inspector{display:grid;grid-template-columns:minmax(0,1fr) 90px 90px;gap:10px}.placement-inspector label{font-size:12px}.placement-inspector input,.placement-inspector select{font-size:12px;margin:8px 0}.saved-rooms{border-top:1px solid var(--line);margin-top:28px;padding-top:18px}.saved-rooms h2{font:500 20px Unbounded,sans-serif}#saved-rooms{display:flex;flex-wrap:wrap;gap:12px}#saved-rooms button{background:#17201b;color:var(--text);text-align:left}#saved-rooms small{display:block;color:var(--muted);margin-top:6px}@media(max-width:950px){.room-columns{grid-template-columns:1fr}.room-palette{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-height:220px}.placement-inspector{grid-template-columns:minmax(0,1fr) 70px 70px}.room-main{padding-inline:4%}}