:root{--mobile-bottom-ribbon-height: 0px}@media(max-width:959px){:root{--mobile-bottom-ribbon-height: 110px}}html,body,#root{height:100%}.app-grid{display:grid;grid-template-rows:1fr auto;height:100%}.three-canvas{width:100%;height:100%;display:block}.hud-bar{background:#1a1d27cc;padding:8px;box-shadow:0 -2px 6px #00000080;z-index:10}.viewport-dock{position:fixed;left:16px;bottom:16px;z-index:2000;display:flex;gap:12px;align-items:flex-end}.viewport-right{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:2000}body.has-selection canvas{outline:2px solid rgba(0,229,255,.25);outline-offset:2px}html,body,#root{margin:0;padding:0;width:100%;height:100%;min-height:100vh;box-sizing:border-box}.moda-embed #root{display:flex;flex-direction:column}.moda-embed #root>div{flex:1;min-height:100vh}