/* Shared navigation and safe-area layout for the public AR pages. */
html,body{max-width:100%;overflow-x:hidden}
.topbar{justify-content:flex-start;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 12px calc(12px + env(safe-area-inset-left))}
.site-back{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:82px;min-height:44px;padding:10px 14px;border:1px solid var(--ar-border-soft);border-radius:24px;background:var(--ar-control-bg);color:var(--ar-text);font-size:14px;line-height:1.3;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.site-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-back:disabled{opacity:.42;cursor:default}
.page{padding-top:calc(86px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom));padding-left:max(16px,calc(12px + env(safe-area-inset-left)));padding-right:max(16px,calc(12px + env(safe-area-inset-right)))}
.image-grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:16px}
.image-card .image-actions{min-height:44px;flex-wrap:wrap;gap:8px 16px}
.image-actions a{display:inline-flex;align-items:center;min-height:44px}
.player-video{max-height:calc(100dvh - 190px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin-top:18px}
@media(max-width:480px){.page h1{font-size:24px}.muted{font-size:13px}.image-grid{margin-top:20px}.player-layout h1{font-size:20px}.player-video{margin-top:14px;border-radius:10px}.landing{padding:calc(84px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom))}}
@media(max-height:500px) and (orientation:landscape){.page{padding-top:calc(68px + env(safe-area-inset-top))}.player-layout{padding-top:calc(64px + env(safe-area-inset-top))}.player-layout h1{font-size:18px;margin-bottom:8px}.player-layout>.muted{display:none}.player-video{margin:10px 0;max-height:calc(100dvh - 116px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.landing{padding-top:calc(76px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom))}.landing h1{font-size:27px}}