.utopia-spaces{font-family:inherit;color:#293d32;font-size:14px;line-height:1.5;--spaces-paper:#f5f4e9;--spaces-ink:#293d32;--spaces-green:#46634d}
.utopia-spaces *{box-sizing:border-box}.utopia-spaces [hidden]{display:none!important}.utopia-spaces button,.utopia-spaces input{font:inherit;min-height:44px;border:1px solid #8b9b8b;border-radius:8px;padding:9px 12px;color:var(--spaces-ink);background:var(--spaces-paper)}.utopia-spaces button{cursor:pointer}.utopia-spaces button:hover{background:#dce6d7}.utopia-spaces button:disabled{opacity:.55;cursor:wait}.utopia-spaces :focus-visible{outline:3px solid #416d49;outline-offset:3px}.utopia-spaces ::selection{background:#c6d9bc}.utopia-spaces input{caret-color:#31553a}.utopia-spaces input::placeholder{color:#596b5c}.utopia-spaces p{margin:0 0 10px}.utopia-spaces h2{font-size:20px;line-height:1.3;margin:0 0 8px}.utopia-spaces h3{font-size:15px;margin:20px 0 8px}.spaces-overlay{position:fixed;inset:0;z-index:120;display:grid;grid-template-columns:minmax(0,1fr) 310px;background:#d5ded6}.spaces-viewport{position:relative;min-width:0;min-height:0;overflow:hidden;touch-action:manipulation}.spaces-viewport canvas{display:block;width:100%;height:100%}.spaces-panel{padding:22px 18px;background:var(--spaces-paper);overflow:auto;min-height:0;scrollbar-color:#879980 #e3e8dc;scrollbar-width:thin}.spaces-status,.spaces-members{font-size:13px;color:#4d6252;overflow-wrap:anywhere}.spaces-actions{display:flex;gap:8px;flex-wrap:wrap}.spaces-actions button:first-child{background:#46634d;color:#fff}.spaces-messages{list-style:none;padding:0;margin:0 0 12px;max-height:35dvh;min-height:50px;overflow:auto;overflow-wrap:anywhere}.spaces-messages:empty::before{content:'아직 대화가 없어요. 함께 있는 사람에게 말을 걸어 보세요.';color:#526552}.spaces-messages li{padding:8px 0;border-bottom:1px solid #d8dfd1}.spaces-compose{display:flex;gap:6px;flex-wrap:wrap}.spaces-compose input{width:100%;min-width:0;flex:1 1 170px}.spaces-compose button{flex:0 0 auto}.spaces-avatar-label{position:absolute;transform:translate(-50%,-100%);max-width:170px;padding:3px 7px;border-radius:5px;background:#f5f4e9;color:#293d32;font-size:11px;text-align:center;pointer-events:none;overflow-wrap:anywhere}.spaces-notices{position:fixed;z-index:140;top:14px;right:14px;width:min(340px,calc(100vw - 28px));max-height:48dvh;overflow:auto}.spaces-invitation{padding:14px;margin-bottom:8px;background:var(--spaces-paper);border:1px solid #8b9b8b;border-radius:12px;overflow-wrap:anywhere}.spaces-invitation button{margin-right:8px}.spaces-error{position:fixed;z-index:160;left:16px;bottom:16px;max-width:calc(100vw - 32px);background:#f5f4e9;border-radius:8px;padding:12px;color:#823b2e}.spaces-error:empty{display:none}.spaces-picker{color:#293d32;background:#f5f4e9;border:1px solid #8b9b8b;border-radius:14px;padding:22px;width:min(410px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}.spaces-picker::backdrop{background:rgb(35 49 39 / 48%)}.spaces-picker button{display:block;width:100%;margin-top:10px}
@media(max-width:650px) and (orientation:portrait){.spaces-overlay{grid-template-columns:1fr;grid-template-rows:minmax(190px,44dvh) minmax(0,1fr)}.spaces-panel{padding:12px 14px}.spaces-panel h3{margin-top:12px}.spaces-messages{max-height:110px}.spaces-avatar-label{max-width:125px;font-size:10px}.spaces-notices{max-height:42dvh}}
@media(max-height:450px) and (orientation:landscape){.spaces-overlay{grid-template-columns:minmax(0,1fr) 290px}.spaces-panel{padding:10px 12px}.spaces-panel h2{font-size:18px}.spaces-messages{max-height:100px}.spaces-panel h3{margin-top:12px}}
/* Main integration toggles this attribute; hide office-only overlays and input surfaces. */
body[data-utopia-space]:not([data-utopia-space="office"]) #room,
body[data-utopia-space]:not([data-utopia-space="office"]) .remote-nameplate,
body[data-utopia-space]:not([data-utopia-space="office"]) #nameplate,
body[data-utopia-space]:not([data-utopia-space="office"]) #seatOwner{visibility:hidden!important}

.spaces-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body[data-utopia-space]:not([data-utopia-space="office"]) #hud,
body[data-utopia-space]:not([data-utopia-space="office"]) #moveHint,
body[data-utopia-space]:not([data-utopia-space="office"]) #amenityBar,
body[data-utopia-space]:not([data-utopia-space="office"]) #amenityGuide,
body[data-utopia-space]:not([data-utopia-space="office"]) #openScenery{display:none!important}