.omen-room360{position:relative;width:100%;height:100%;min-height:180px;overflow:hidden;background:#071522;border-radius:8px;color:#e5e9f0;font:12px/1.4 system-ui,sans-serif;isolation:isolate}.omen-room360>svg{display:block;width:100%;height:100%;min-height:180px;cursor:grab}.omen-room360>svg:active{cursor:grabbing}.omen-room360-controls{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:5px;max-width:calc(100% - 16px);padding:5px;border:1px solid #354052;border-radius:8px;background:#10151fe8;white-space:nowrap}.omen-room360 button,.omen-room360-picker button{background:#202b3b;color:#e5e9f0;border:1px solid #43536c;border-radius:5px;padding:5px 9px;font:12px system-ui;cursor:pointer}.omen-room360 button:focus-visible,.omen-room360 svg:focus-visible{outline:2px solid #e1b947;outline-offset:-2px}.omen-room360:fullscreen{width:100vw;height:100vh;border-radius:0}.omen-room360-empty{padding:20px;background:#10151f;color:#ccd6e3;font:13px system-ui}.omen-room360-picker{position:fixed;right:20px;top:100px;z-index:1000000;width:280px;max-width:calc(100vw - 32px);padding:14px;background:#10151f;color:#e5e9f0;border:1px solid #43536c;border-radius:9px;box-shadow:0 8px 30px #0006;font:12px/1.5 system-ui}.omen-room360-picker header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.omen-room360-picker select{width:100%;min-width:0;background:#202b3b;color:#e5e9f0;margin:6px 0 12px}.omen-room360-picker[hidden]{display:none}.omen-room360-picker [role=status]{margin-top:8px}
/* Public object inspection shares the full viewer, including fullscreen. */
.omen-room360-inspector{position:absolute;top:10px;right:10px;width:230px;max-width:calc(100% - 20px);max-height:calc(100% - 72px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;background:#10151ff5;border:1px solid #43536c;border-radius:8px;padding:10px;box-sizing:border-box;font:12px/1.4 system-ui;color:#e5e9f0}.omen-room360-inspector[hidden]{display:none}.omen-room360-inspector header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-10px;background:#10151f;padding:4px 0 8px;gap:8px}.omen-room360-inspector select{width:100%;min-width:0;max-width:100%;background:#202b3b;color:#e5e9f0;border:1px solid #43536c;border-radius:4px;margin:0 0 10px;padding:5px;font:12px system-ui}.omen-room360-inspector small{display:block;font-size:10px;color:#aab8c9}.omen-room360-inspector h4{font:600 11px system-ui;color:#e1b947;margin:12px 0 5px}.omen-room360-inspector dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;margin:0}.omen-room360-inspector dt,.omen-room360-inspector dd{margin:0;overflow-wrap:anywhere}.omen-room360-inspector dd{text-align:right}.omen-room360-controls{flex-wrap:wrap;justify-content:center}.omen-room360-inspector>div>strong{display:block;overflow-wrap:anywhere}
.omen-room360-dimensions line{stroke:#e8c441;fill:none}.omen-room360-dimensions rect{fill:#102333;stroke:none}.omen-room360-dimensions text{fill:#fff;font-family:system-ui,sans-serif;font-weight:600;stroke:none}
/* Phone presentation, same published twin and renderer. */
.omen-room360-pagefill{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:none!important;max-height:none!important;border-radius:0!important;z-index:2147483000;touch-action:none}
.omen-room360-leave{display:none;position:absolute;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));min-height:44px}
.omen-room360-pagefill>.omen-room360-leave{display:block}
.omen-room360:fullscreen{height:100dvh}
@media(max-width:700px),(pointer:coarse){
 .omen-room360-controls{bottom:max(10px,env(safe-area-inset-bottom));gap:4px;padding:5px;flex-wrap:nowrap;width:max-content;max-width:calc(100% - 12px)}
 .omen-room360-controls button{min-width:44px;min-height:48px;padding:6px;font-size:15px;touch-action:manipulation}
 .omen-room360-controls .omen-room360-orbit-right{display:none}
 .omen-room360-inspector{top:auto;bottom:78px;bottom:calc(78px + env(safe-area-inset-bottom));left:8px;right:8px;width:auto;max-width:none;max-height:36%;padding:10px;font-size:13px}
 .omen-room360-inspector select{min-height:44px;font-size:16px}
 .omen-room360-inspector button{min-width:44px;min-height:44px;font-size:20px}
 .omen-room360-inspector header{top:-10px}
}

.omen-room360{background:#e4e0d7}

/* Compact public inspection: keep the room visible and scroll only the details. */
.omen-room360-inspector{display:flex;flex-direction:column;overflow:hidden;padding:0}
.omen-room360-inspector header{position:static;flex:none;padding:6px 8px;margin:0;min-height:0}
.omen-room360-inspector header strong{font:600 12px/1.4 system-ui,sans-serif}
.omen-room360-inspector-content{overflow:auto;overscroll-behavior:contain;min-height:0;padding:0 10px 10px;touch-action:pan-y}
.omen-room360-inspector-content>div>strong{display:block;overflow-wrap:anywhere}
@media(max-width:700px),(pointer:coarse){
 .omen-room360-controls{gap:2px;padding:3px;bottom:max(8px,env(safe-area-inset-bottom))}
 .omen-room360-controls button{min-width:44px;min-height:44px;padding:4px 6px;font-size:12px;line-height:1.2}
 .omen-room360-inspector{left:auto;right:max(8px,env(safe-area-inset-right));width:280px;max-width:calc(100% - 16px);bottom:calc(66px + env(safe-area-inset-bottom));max-height:42%;font-size:12px}
 .omen-room360-inspector header{padding:2px 6px 2px 10px}
 .omen-room360-inspector button{min-width:44px;min-height:44px;padding:0;font-size:20px}
 .omen-room360-leave{padding:4px 8px;font-size:12px;line-height:1.2}
}
@media(max-height:500px) and (orientation:landscape){
 .omen-room360-inspector{top:max(8px,env(safe-area-inset-top));bottom:calc(66px + env(safe-area-inset-bottom));left:auto;right:max(8px,env(safe-area-inset-right));width:240px;max-width:calc(100% - 16px);max-height:none}
}

.omen-room360-style label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0;font:12px/1.4 system-ui}.omen-room360-style input[type=color]{width:48px;height:44px;padding:2px;flex:none;background:#202b3b;border:1px solid #43536c;border-radius:5px;cursor:pointer}.omen-room360-style .omen-room360-inspector-content>button{display:block;width:100%;margin:8px 0;min-height:44px;font-size:12px}
@media(max-width:700px),(pointer:coarse){.omen-room360-controls .omen-room360-orbit-left{display:none}}

.omen-room360-style label:has(select){display:block}.omen-room360-style label select{display:block;width:100%;min-height:44px;font:12px/1.4 system-ui;margin:4px 0 10px;padding:6px}.omen-room360-style label select:focus-visible{outline:2px solid #e1b947}

.omen-room360-style label:has(input[type=range]){display:block}.omen-room360-style input[type=range]{display:block;width:100%;min-height:32px}.omen-room360-style output{display:block;text-align:right}