:root{--site-footer-height: calc(28px + env(safe-area-inset-bottom, 0px)) ;--site-header-height: calc(68px + env(safe-area-inset-top, 0px)) }.site-header,.site-header *{box-sizing:border-box}.site-header{position:fixed;inset:0 0 auto;z-index:100;height:var(--site-header-height);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:env(safe-area-inset-top,0px) max(28px,env(safe-area-inset-right)) 0 max(28px,env(safe-area-inset-left));border-bottom:1px solid #ffffff20;background:#090d13f5;color:#f1ede4;font:13px Avenir Next,Segoe UI,Helvetica,sans-serif}.site-header a{color:inherit;text-decoration:none}.site-brand{display:flex;align-items:center;min-height:44px;font-size:25px;letter-spacing:-.055em;white-space:nowrap}.site-logo{display:flex;align-items:center}.site-logo img{display:block;width:200px;height:auto}.site-brand .site-beta{margin-left:12px;color:#f2a541;padding:3px 5px;border:1px solid #F2A54155;border-radius:4px;font-size:9px;font-weight:500;line-height:1;letter-spacing:.04em}.site-menu{display:flex;align-items:center;gap:8px}.site-menu a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:5px;color:#b8bdc6;white-space:nowrap}.site-menu a:hover,.site-menu a[aria-current]{background:#ffffff09;color:#f2dfbb}.site-menu a[aria-current]{box-shadow:inset 0 -2px #dfc99d}.site-header a:focus-visible{outline:2px solid #e7ce9e;outline-offset:2px}.site-shell{padding-top:var(--site-header-height)}.site-shell.camera-page{padding-top:0}.site-shell #hud{padding-top:calc(var(--site-header-height) + 14px)}.site-shell .explorer{min-height:calc(100svh - var(--site-header-height))}.site-shell .settings-sheet{max-height:calc(100dvh - var(--site-header-height) - 16px)}@media(max-width:620px){:root{--site-header-height: calc(104px + env(safe-area-inset-top, 0px)) }.site-header{display:grid;grid-template-columns:1fr auto;grid-template-rows:48px 48px;gap:0;padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left))}.site-brand{font-size:23px}.site-menu{grid-column:1 / -1;grid-row:2;justify-content:space-between;gap:4px}.site-menu a{flex:1;padding:0 10px;font-size:12px}}@media(min-width:621px)and (max-width:760px){.site-header{gap:10px;padding-left:16px;padding-right:16px}.site-menu a{padding:0 10px}}@media(max-width:900px),(max-height:500px)and (pointer:coarse){.site-shell .explorer{height:calc(100dvh - var(--site-header-height));min-height:0}.site-shell #hud{padding-top:calc(var(--site-header-height) + 10px)}}@media(max-width:420px){:root{--site-header-height: calc(128px + env(safe-area-inset-top, 0px)) }.site-header{grid-template-rows:72px 48px}.site-logo img{width:48px;height:48px}}.site-copyright{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;box-sizing:border-box;margin:0;padding:16px max(20px,env(safe-area-inset-right)) 16px max(20px,env(safe-area-inset-left));border-top:1px solid #ffffff20;background:#090d13;color:#b8bdc6;text-align:center;font:10px/16px Avenir Next,Segoe UI,Helvetica,sans-serif}.camera-page .site-copyright,.viewport-page .site-copyright{position:fixed;inset:auto 0 0;z-index:90;height:var(--site-footer-height);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))}.site-shell.camera-page #hud{padding-bottom:calc(var(--site-footer-height) + 14px)}.site-shell.camera-page #show-controls{bottom:calc(var(--site-footer-height) + 16px)}.site-shell #mro-app{height:calc(100svh - var(--site-header-height) - var(--site-footer-height))}.viewport-page .explorer{min-height:calc(100svh - var(--site-header-height) - var(--site-footer-height))}@media(max-width:900px),(max-height:500px)and (pointer:coarse){.site-shell.viewport-page .explorer{height:calc(100dvh - var(--site-header-height) - var(--site-footer-height));min-height:0}}.site-copyright a{color:inherit;text-underline-offset:3px}.site-copyright a:focus-visible{outline:2px solid #e7ce9e;outline-offset:2px}@media(min-width:621px)and (max-width:900px){.site-shell.has-support{--site-header-height: calc(104px + env(safe-area-inset-top, 0px)) }.has-support .site-header{display:grid;grid-template-columns:1fr;grid-template-rows:48px 48px;gap:0;padding-bottom:8px}.has-support .site-menu{grid-column:1;grid-row:2;justify-content:space-between}}@media(max-width:620px){.has-support .site-menu a{padding-inline:4px;font-size:11px}}@media(max-width:420px){.site-shell.has-support{--site-footer-height: calc(44px + env(safe-area-inset-bottom, 0px)) }.has-support .site-copyright{gap:0 12px}.has-support .site-copyright span{flex-basis:100%}}