.svg-library{position:absolute;width:0;height:0;overflow:hidden}.topbar{height:78px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 3.6%;gap:34px;background:#0b111b}.topbar-center{display:flex;align-items:center;gap:25px;color:var(--muted);font-size:12px}.topbar-divider{height:21px;width:1px;background:var(--line)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.topbar-right .connection{margin-right:16px}.user-avatar{height:30px;width:30px;border-radius:50%;background:#b8a3ed12;border:1px solid #b8a3ed28;color:var(--violet);display:grid;place-items:center;font-size:11px}.user-name{font-size:11px;color:#b5c0d0;max-width:130px;overflow:hidden;text-overflow:ellipsis}.logout{width:35px;height:35px;display:grid;place-items:center;border:1px solid transparent;background:transparent;color:var(--subtle);border-radius:8px}.logout:hover{color:var(--text);background:#ffffff05;border-color:var(--line)}.workspace{max-width:1700px;margin:auto;padding:39px 3.6% 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.page-heading .eyebrow{margin:0 0 13px;font-size:9px}.page-heading h1{font-size:36px;line-height:1.2;font-weight:450;letter-spacing:-.045em;margin:0}.page-heading h1>span{color:var(--cyan)}.intro-text{font-size:12px;color:var(--muted);margin:11px 0 0;line-height:1.6}.page-heading>.btn{margin-top:15px;padding:0 17px;min-height:43px}.page-heading>.btn .icon{height:16px;width:16px}.overview-bar{display:flex;align-items:center;gap:25px;min-height:72px;margin:24px 0 18px;padding:18px 23px;border:1px solid var(--line);border-radius:11px;background:#0d1521;flex-wrap:wrap}.overview-item{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--muted)}.overview-number{font-size:15px;font-variant-numeric:tabular-nums;font-weight:500;line-height:1;color:var(--text)}.overview-item:first-child{gap:10px}.overview-item:first-child .overview-number{font-size:22px}.stat-divider{height:24px;width:1px;background:#ffffff12}.overview-update{margin-left:auto;font:9px var(--mono);color:var(--subtle)}.workspace-grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:20px;min-height:586px}.room-browser{border:1px solid var(--line);background:#0d1420;border-radius:13px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.browser-header{display:flex;align-items:center;justify-content:space-between;padding:23px 21px 19px}.browser-header h2{font-size:12px;font-weight:550;margin:0;display:flex;align-items:center;gap:9px}.browser-header h2>span{font:9px var(--mono);color:var(--muted);padding:3px 6px;background:#ffffff06;border:1px solid #ffffff09;border-radius:4px}.browser-header>.icon{height:14px;width:14px;color:var(--subtle)}.search-field{margin:0 17px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid #ffffff12;background:#080e18;border-radius:7px;height:38px;color:var(--subtle)}.search-field:focus-within{border-color:#76dfd260;box-shadow:0 0 0 2px #76dfd214}.search-field .icon{width:14px;height:14px}.search-field input{width:100%;height:36px;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.search-field input::placeholder{color:var(--subtle)}kbd{display:inline-grid;place-items:center;height:19px;min-width:18px;padding:0 3px;border:1px solid #ffffff16;border-radius:4px;font:10px var(--mono);color:var(--subtle);background:#ffffff02}.room-filters{display:flex;gap:7px;margin:18px 17px 16px;border-bottom:1px solid var(--line);padding-bottom:15px}.room-filters>button{border-radius:6px;font-size:10px;padding:8px 9px;background:transparent;color:var(--muted)}.room-filters>button.active{background:#76dfd210;color:var(--cyan)}.room-filters>button:hover{background:#ffffff06}.room-filters>button>span{font:8px var(--mono);margin-left:3px;opacity:.8}.room-list{padding:0 10px 10px;flex:1;overflow-y:auto;max-height:385px;scrollbar-color:#334155 transparent;scrollbar-width:thin}.room-card{border:1px solid transparent;border-radius:9px;position:relative;margin-bottom:6px;display:flex;align-items:center;transition:background .2s,border-color .2s}.room-card:hover{background:#ffffff04}.room-card.selected{border-color:#76dfd224;background:linear-gradient(110deg,#76dfd210,#76dfd204)}.room-card.selected:before{content:'';position:absolute;width:2px;top:19px;bottom:19px;left:-1px;background:var(--cyan);border-radius:2px}.room-select{flex:1;min-width:0;display:flex;align-items:flex-start;gap:12px;padding:18px 11px 17px;text-align:left;background:transparent;border-radius:8px}.room-number{font:9px var(--mono);color:#516278;padding-top:3px;min-width:15px}.room-card.selected .room-number{color:var(--cyan)}.room-content{display:flex;flex-direction:column;min-width:0;gap:7px}.room-title{font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.room-address{font:8px var(--mono);color:#6f8096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.5}.room-meta{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted);margin-top:4px}.room-meta .status-dot{width:5px;height:5px}.room-mode{font-size:8px;color:#8d9cae;background:#ffffff04;border:1px solid #ffffff0d;padding:2px 5px;border-radius:3px;margin-left:1px}.room-enter{color:#5b7186;display:grid;place-items:center;width:29px;height:34px;margin-right:10px;border-radius:6px;text-decoration:none;flex-shrink:0}.room-enter .icon{width:14px;height:14px}.room-card.selected .room-enter{color:var(--cyan);background:#76dfd20a}.room-enter:hover{color:var(--cyan);background:#76dfd218!important}.browser-footer{display:flex;align-items:center;gap:7px;padding:17px 20px;border-top:1px solid var(--line);font-size:9px;color:var(--subtle)}.browser-footer .status-dot{width:4px;height:4px;background:#5d7588}.spatial-view{background:linear-gradient(145deg,#121d2c,#0b111d);border:1px solid var(--line);border-radius:13px;overflow:hidden;display:flex;flex-direction:column;min-width:0;position:relative}.spatial-top{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 0;position:relative;z-index:3}.spatial-top .eyebrow{font-size:9px;letter-spacing:.18em;color:#a4b1c1}.spatial-subtitle{display:block;font-size:10px;color:var(--subtle);margin-top:8px}.spatial-tag{display:flex;align-items:center;gap:7px;color:#9cb0c0;border:1px solid #ffffff10;background:#17213166;border-radius:5px;padding:7px 9px;font-size:9px}.spatial-tag .icon{height:12px;width:12px}.hall-stage{position:relative;flex:1;min-height:458px;isolation:isolate;overflow:hidden}.architecture{position:absolute;inset:0;width:100%;height:100%;opacity:.92}.hall-light{position:absolute;left:24%;right:24%;top:24%;height:50%;border-radius:50%;background:#62d9d414;filter:blur(70px);z-index:1}.hall-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#111b2a 0%,transparent 20%,transparent 50%,#0b121eaa 90%,#0b121e 100%);pointer-events:none;z-index:2}.corridor-doors{position:absolute;inset:0;z-index:2;pointer-events:none}.corridor-door{position:absolute;background:transparent;display:block;padding:0;pointer-events:auto;color:var(--text);transition:filter .2s;transform-origin:50% 50%}.corridor-door:hover{filter:brightness(1.45)}.door-0{left:4%;top:19%;width:18%;height:49%;transform:skewY(21deg)}.door-1{left:27%;top:30%;width:10%;height:28%;transform:skewY(21deg)}.door-2{right:27%;top:30%;width:10%;height:28%;transform:skewY(-21deg)}.door-3{right:4%;top:19%;width:18%;height:49%;transform:skewY(-21deg)}.door-panel{display:block;position:absolute;top:27px;bottom:0;left:7px;right:7px;background:linear-gradient(110deg,#1f2b3b,#101a28 60%);border:1px solid #56708342;border-radius:1px;box-shadow:inset 4px 0 10px #00000060,6px 8px 20px #00000025}.door-glass{position:absolute;inset:11px 12px;background:linear-gradient(125deg,#3b5d701b,#10203280);border:1px solid #789eac13}.door-handle{position:absolute;height:13%;width:2px;right:17%;top:51%;background:#72999f80;box-shadow:1px 0 #000}.door-light{position:absolute;bottom:0;left:1px;right:1px;height:2px;background:#799cbd66;box-shadow:0 3px 9px #76dfd214}.corridor-door.current .door-light{background:var(--cyan);box-shadow:0 0 13px #76dfd24d}.corridor-door.current .door-panel{border-color:#76dfd25e;box-shadow:inset 3px 0 15px #76dfd205,0 0 20px #76dfd209}.door-sign{display:flex;align-items:center;position:absolute;top:0;left:-1px;right:-1px;gap:6px;background:#111e2c;border:1px solid #728dab26;border-radius:3px;height:23px;padding:0 6px;font-size:8px;box-shadow:0 2px 8px #00000040;text-align:left}.door-index{font:7px var(--mono);color:#698195}.door-title{font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.door-sign .status-dot{width:4px;height:4px}.door-1 .door-sign,.door-2 .door-sign{font-size:6px;padding:0 3px;gap:3px;height:16px;top:8px}.door-1 .door-index,.door-2 .door-index{font-size:5px}.door-1 .door-panel,.door-2 .door-panel{top:29px}.door-1 .door-glass,.door-2 .door-glass{inset:7px}.door-1 .door-sign .status-dot,.door-2 .door-sign .status-dot{width:3px;height:3px}.stage-center-label{position:absolute;top:16%;left:50%;transform:translateX(-50%);color:#8299aa;font:6px var(--mono);letter-spacing:.14em;display:flex;align-items:center;flex-direction:column;gap:11px;z-index:3;white-space:nowrap}.center-rule{width:22px;height:1px;background:#76dfd265}.selected-room{position:absolute;bottom:21px;left:50%;transform:translateX(-50%);width:min(420px,calc(100% - 58px));z-index:4;background:linear-gradient(135deg,#152433e8,#111b2bdc);backdrop-filter:blur(20px);border:1px solid #94bdc92b;border-radius:12px;padding:20px 22px;box-shadow:0 16px 50px #00000030}.selected-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.selected-number{font:8px var(--mono);letter-spacing:.13em;color:#91b6c1}.selected-status{display:flex;gap:6px;align-items:center;font-size:9px;color:#a9b6c5}.selected-status .status-dot{width:5px;height:5px}.selected-room h3{font-size:21px;font-weight:450;letter-spacing:-.035em;line-height:1.3;margin:13px 0 7px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.selected-room>p{font:9px var(--mono);color:#8099ae;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-bottom{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:20px}.selected-meta{display:flex;align-items:center;gap:6px;font-size:8px;line-height:1.6;color:#8fa4b9;flex-wrap:wrap;max-width:170px}.selected-mode{color:#b1c7d5}.meta-dot{color:#4b6276}.selected-bottom>.btn{height:36px;min-height:36px;font-size:10px;padding:0 12px;border-radius:7px;flex-shrink:0}.selected-bottom>.btn .icon{width:13px;height:13px}.spatial-footer{height:48px;border-top:1px solid #ffffff0a;display:flex;align-items:center;justify-content:space-between;padding:0 23px;position:relative;z-index:4;background:#0b121e}.keyboard-hint{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--subtle)}.keyboard-hint>span{margin-left:3px;margin-right:12px}.keyboard-hint kbd{height:17px;min-width:17px;font-size:8px;border-color:#ffffff0d}.room-navigation{display:flex;align-items:center;gap:13px}.room-navigation>span{font:9px var(--mono);color:#8a9eb2}.room-navigation>button{width:22px;height:25px;background:transparent;color:#8a9eb2;border-radius:4px;display:grid;place-items:center}.room-navigation>button:first-child .icon{transform:rotate(180deg)}.room-navigation .icon{width:12px;height:12px}.room-navigation>button:hover{color:var(--cyan);background:#76dfd20a}.room-navigation>button:disabled{cursor:default;color:#384b60}.workspace-footer{display:flex;justify-content:space-between;align-items:center;padding:25px 1px 24px;font-size:9px;color:#546379}.workspace-footer>span:last-child{font:8px var(--mono);letter-spacing:.08em}.workspace-footer>span:last-child>span{padding:0 9px}.load-error{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:12px 18px;margin:0 0 18px;border:1px solid #f0929e25;background:#f0929e08;border-radius:9px;color:#edacb5;font-size:12px}.load-error .btn{font-size:10px;min-height:33px;border-color:#f0929e30}.list-empty{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:34px 25px;flex:1;line-height:1.6}.list-empty>.icon{height:24px;width:24px;color:#6c8299}.list-empty strong{font-size:12px;font-weight:500}.list-empty>span{font-size:11px;color:var(--muted)}.list-empty .btn{font-size:10px;min-height:34px;margin-top:3px}.hall-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-36%);width:min(360px,85%);z-index:4;text-align:center;border:1px solid #ffffff14;background:#111d2de8;padding:30px;border-radius:12px;backdrop-filter:blur(20px)}.empty-room-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#76dfd20d;border:1px solid #76dfd226;color:var(--cyan)}.hall-empty h3{font-size:21px;font-weight:450;letter-spacing:-.03em;line-height:1.3;margin:19px 0 12px}.hall-empty p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 23px}.hall-empty .btn{font-size:11px}.stage-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--muted);z-index:4;font-size:12px;text-align:center;padding:20px;background:#0d1420cc;border-radius:10px}.list-placeholder{padding:8px 12px}.skeleton{display:block;height:13px;width:65%;background:#ffffff06;border-radius:4px;margin:14px 0}.skeleton.short{width:42%;height:8px;margin-bottom:32px}dialog{padding:31px;border:1px solid #ffffff21;border-radius:17px;background:linear-gradient(140deg,#182433,#0c1420);color:var(--text);width:min(470px,calc(100% - 32px));box-shadow:0 25px 100px #0009}dialog::backdrop{background:#03070cba;backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-heading>.eyebrow{font-size:8px;color:#a0b8c9}.dialog-close{background:#ffffff04;border:1px solid #ffffff10;border-radius:7px;display:grid;place-items:center;color:#8596a9;width:28px;height:28px}.dialog-close>.icon{width:14px;height:14px}.dialog-close:hover{color:var(--text)}dialog h2{font-weight:450;font-size:30px;letter-spacing:-.045em;margin:17px 0 10px}dialog #create-description{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 28px}.mode-choices{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 0}.mode-choices legend{font-size:12px;font-weight:550;color:#c4cfdd;margin-bottom:10px}.mode-choice{display:flex;position:relative;flex-direction:column;gap:7px;padding:16px 15px;border:1px solid #ffffff14;border-radius:9px;background:#0a111b;cursor:pointer}.mode-choice:has(input:checked){border-color:#76dfd266;background:#76dfd209}.mode-choice:has(input:focus-visible){outline:2px solid var(--cyan);outline-offset:3px}.mode-choice input{position:absolute;right:12px;top:13px;accent-color:var(--cyan);width:13px;height:13px;margin:0}.mode-choice .mode-icon{color:#809fb0;display:flex;margin-bottom:5px}.mode-choice:has(input:checked) .mode-icon{color:var(--cyan)}.mode-choice strong{font-size:12px;font-weight:550}.mode-choice>span:last-child{font-size:9px;color:var(--muted)}.mode-explanation{font-size:10px;color:var(--subtle);line-height:1.75;margin:13px 0 0}.dialog-actions{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:23px;margin-top:25px}.dialog-actions .btn{font-size:11px}.dialog-actions .btn .icon{width:14px;height:14px}#create-error{margin-top:18px}@media(min-width:1500px){.workspace-grid{grid-template-columns:350px minmax(0,1fr);min-height:640px}.hall-stage{min-height:500px}.room-list{max-height:439px}.page-heading h1{font-size:40px}.selected-room{width:440px;bottom:26px;padding:22px 24px}.selected-room h3{font-size:25px}.selected-bottom{margin-top:24px}.spatial-top{padding-top:25px}.corridor-door .door-sign{font-size:9px;height:27px}.corridor-door .door-panel{top:31px}.door-1 .door-sign,.door-2 .door-sign{font-size:7px;height:21px}}@media(max-width:1100px){.topbar{padding:0 28px}.workspace{padding:30px 28px 0}.topbar-center{display:none}.workspace-grid{grid-template-columns:280px minmax(0,1fr);gap:16px;min-height:555px}.overview-bar{gap:18px;padding:17px 18px}.overview-update{display:none}.overview-item{font-size:9px;gap:6px}.hall-stage{min-height:426px}.room-list{max-height:354px}.selected-room{padding:19px 18px;width:calc(100% - 38px);bottom:19px}.selected-room h3{font-size:20px}.selected-bottom{flex-wrap:wrap}.selected-meta{max-width:100%}.selected-bottom>.btn{margin-left:auto}.spatial-top{padding:21px 19px 0}.spatial-tag{font-size:0;padding:7px}.spatial-tag .icon{width:14px;height:14px}.spatial-tag{gap:0}.keyboard-hint{display:none}.spatial-footer{justify-content:flex-end;padding:0 19px}.stage-center-label{font-size:5px;top:16%}.door-0{left:1%;width:20%}.door-3{right:1%;width:20%}.door-1{left:26%}.door-2{right:26%}.door-sign .door-index{display:none}.door-sign{font-size:7px}.door-1 .door-sign,.door-2 .door-sign{font-size:5px}.topbar-right .connection{font-size:10px;margin-right:8px}}
@media(max-width:820px){.workspace-grid{grid-template-columns:245px minmax(0,1fr);gap:13px}.workspace{padding:28px 22px 0}.topbar{padding:0 22px}.room-select{gap:9px;padding-left:9px;padding-right:6px}.room-enter{margin-right:5px;width:25px}.room-filters{gap:2px;margin-left:13px;margin-right:13px}.room-filters>button{font-size:9px;padding:8px}.search-field{margin:0 13px}.browser-header{padding-left:17px;padding-right:17px}.room-address{font-size:7px}.room-title{font-size:11px}.room-status{font-size:8px}.room-mode{font-size:7px}.browser-footer{font-size:8px;padding-left:16px}.room-number{font-size:8px}.overview-bar{gap:15px}.overview-item{font-size:8px}.overview-number{font-size:13px}.overview-item:first-child .overview-number{font-size:19px}.page-heading h1{font-size:32px}.spatial-subtitle{font-size:9px}.selected-status{font-size:8px}.selected-number{font-size:7px}.selected-room h3{font-size:20px}.selected-room>p{font-size:8px}.selected-meta{font-size:8px}.selected-bottom{margin-top:17px;gap:13px}.selected-bottom>.btn{width:100%;margin:0;justify-content:space-between}.selected-room{bottom:16px}.hall-stage{min-height:445px}.workspace-grid{min-height:568px}.room-list{max-height:367px}.topbar-right .connection{font-size:9px}.topbar-right{gap:8px}.user-name{font-size:10px;max-width:70px}.brand-word{font-size:14px}.brand-area{font-size:9px;padding-left:10px}.brand{gap:10px}}
@media(max-width:680px){.topbar{height:67px;padding:0 20px}.topbar-right .connection{display:none}.topbar-right{gap:7px}.user-name{display:none}.user-avatar{width:28px;height:28px;font-size:10px}.logout{width:29px}.workspace{padding:28px 19px 0}.page-heading{align-items:flex-start;gap:16px;flex-wrap:wrap}.page-heading h1{font-size:31px}.page-heading .eyebrow{font-size:8px;margin-bottom:12px}.intro-text{font-size:11px;max-width:280px}.page-heading>.btn{margin-top:3px;min-height:38px;padding:0 12px;font-size:10px}.page-heading>.btn .icon{width:13px;height:13px}.overview-bar{margin-top:21px;margin-bottom:16px;padding:15px 16px;min-height:68px;gap:14px 17px;justify-content:flex-start}.overview-item{font-size:9px;gap:6px}.overview-number{font-size:14px}.overview-item:first-child .overview-number{font-size:18px}.overview-item:nth-of-type(3){display:none}.overview-item:last-of-type{display:none}.stat-divider{height:19px}.workspace-grid{display:flex;flex-direction:column-reverse;gap:17px;min-height:0}.spatial-view{min-height:426px}.spatial-top{padding:18px 18px 0}.spatial-top .eyebrow{font-size:8px}.spatial-subtitle{font-size:9px;margin-top:7px}.spatial-tag{font-size:8px;gap:5px;padding:6px 7px}.spatial-tag .icon{width:10px;height:10px}.hall-stage{min-height:325px}.selected-room{width:calc(100% - 36px);padding:16px 17px;bottom:14px}.selected-topline{gap:10px}.selected-number{font-size:7px}.selected-status{font-size:8px}.selected-room h3{font-size:22px;margin-top:11px}.selected-room>p{font-size:8px}.selected-bottom{flex-wrap:nowrap;gap:10px;margin-top:17px}.selected-meta{max-width:47%;font-size:7px;gap:4px}.selected-bottom>.btn{width:auto;margin-left:auto;font-size:9px;min-height:34px;height:34px;padding:0 10px}.spatial-footer{height:40px;padding:0 17px;justify-content:space-between}.keyboard-hint{display:flex;font-size:7px;gap:3px}.keyboard-hint>span{margin-right:3px;margin-left:1px}.keyboard-hint kbd{font-size:7px;min-width:13px;height:15px}.room-navigation{gap:8px}.room-navigation>span{font-size:8px}.stage-center-label{top:11%;font-size:4.5px;gap:7px}.corridor-door{top:16%;height:44%}.door-1,.door-2{top:28%;height:25%}.door-0{left:3%;width:18%}.door-3{right:3%;width:18%}.door-sign{font-size:6px;height:19px;gap:4px;padding:0 4px}.door-panel{top:23px;left:3px;right:3px}.door-1 .door-sign,.door-2 .door-sign{font-size:4px;height:13px;top:4px;gap:2px}.door-1 .door-panel,.door-2 .door-panel{top:21px}.door-sign .status-dot{width:3px;height:3px}.door-glass{inset:8px}.room-browser{min-height:280px}.browser-header{padding:19px 19px 17px}.browser-header h2{font-size:12px}.search-field{margin:0 16px}.search-field input{font-size:11px}.room-filters{margin:14px 16px 13px;gap:9px;padding-bottom:12px}.room-filters>button{font-size:10px;padding:8px 10px}.room-list{padding:0 12px 12px;max-height:350px;min-height:0}.room-select{padding:17px 13px;gap:15px}.room-number{font-size:9px}.room-title{font-size:12px}.room-address{font-size:8px}.room-meta{gap:6px;margin-top:3px}.room-status{font-size:9px}.room-mode{font-size:8px}.room-enter{width:31px;margin-right:11px}.room-enter .icon{width:16px;height:16px}.room-card{margin-bottom:5px}.browser-footer{font-size:9px;padding:16px 21px}.workspace-footer{padding:22px 0 25px;justify-content:center}.workspace-footer>span:first-child{display:none}.workspace-footer>span:last-child{font-size:7px}.hall-empty{padding:22px;top:44%;transform:translate(-50%,-30%)}.hall-empty h3{font-size:20px}.hall-empty p{font-size:11px;line-height:1.7}.hall-empty .btn{font-size:10px;min-height:37px}.empty-room-icon{width:33px;height:33px}.load-error{font-size:11px;padding:13px;gap:12px;align-items:flex-start;flex-direction:column}.load-error .btn{font-size:10px}.room-list:empty{display:none}dialog{padding:25px}dialog h2{font-size:28px}.dialog-heading>.eyebrow{font-size:7px}.dialog-actions{gap:8px}.dialog-actions .btn{font-size:10px;padding:0 13px}.mode-choice{padding:15px 12px}.mode-choice>span:last-child{font-size:8px}.mode-explanation{font-size:9px}}
@media(max-width:370px){.workspace{padding-left:15px;padding-right:15px}.topbar{padding-left:16px;padding-right:16px}.page-heading h1{font-size:28px}.overview-bar{gap:12px;padding:14px}.overview-item{font-size:8px}.selected-meta{display:none}.selected-bottom>.btn{margin:0;width:100%;justify-content:space-between}.selected-room{padding:15px}.spatial-tag{font-size:0;gap:0}.spatial-subtitle{font-size:8px}.keyboard-hint{display:none}.spatial-footer{justify-content:flex-end}.selected-room h3{font-size:20px}}
.selected-project-label{font-size:8px;letter-spacing:.12em;color:var(--muted);margin-top:13px}.selected-room #selected-address{overflow-wrap:anywhere;white-space:normal;line-height:1.6;margin-top:5px}.selected-mailbox{font-size:9px;line-height:1.6;color:var(--muted);margin-top:6px}.room-mailbox{display:block;font-size:8px;line-height:1.5;color:var(--muted);margin-top:5px}[data-mailbox-status=ready]{color:var(--green)}[data-mailbox-status=pending]{color:var(--amber)}[data-mailbox-status=error],[data-mailbox-status=unavailable]{color:var(--red)}@media(max-width:680px){.hall-stage{min-height:358px}}