.demo-page{background:var(--night-bg);min-block-size:100dvh;color:var(--night-text)}.ar-demo-intro{max-inline-size:34rem;padding-block:var(--space-12);padding-inline:var(--space-4);gap:var(--space-4);margin-inline:auto;display:grid}.ar-demo-intro h1{font-family:var(--font-display);font-size:clamp(1.75rem,6vw,2.5rem)}.ar-demo-intro p{color:var(--night-muted);margin:0}.ar-demo-intro a{color:var(--night-cyan)}.ar-demo-intro .btn:not(.btn-quiet){background:var(--night-amber);border-color:var(--night-amber);color:#1c1304}.ar-demo-intro .btn-quiet{color:var(--night-text);border-color:var(--night-line)}.ar-demo-card{border-radius:var(--radius-md);block-size:auto;inline-size:100%}.ar-demo-view{background:#000;position:fixed;inset:0;overflow:hidden}.ar-demo-hud{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-4) max(var(--space-4), env(safe-area-inset-bottom,0px));padding-inline:var(--space-4);background:linear-gradient(#0000,#000a);display:flex;position:fixed;inset-block-end:0;inset-inline:0}.ar-demo-hud .btn-quiet{color:#fff;background:#0006;border-color:#fff6}.ar-demo-status{align-items:center;gap:var(--space-2);padding-block:var(--space-2);padding-inline:var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-sm);background:#000a;display:inline-flex}.ar-demo-status:before{content:"";background:var(--night-amber);border-radius:50%;block-size:.6rem;inline-size:.6rem}.ar-demo-status.is-found:before{background:#5bd49a}