*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%;overflow:hidden;background:#000}#view-canvas{width:100vw;height:100vh;display:block}.message{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-family:system-ui,sans-serif;text-align:center;padding:2rem}.filter-bar{position:fixed;bottom:6.5rem;left:0;right:0;display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;padding:0 1rem}.filter-btn{font-size:1.6rem;width:3rem;height:3rem;border:none;border-radius:50%;background:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.filter-btn.active{background:#ffffffb3;outline:2px solid #fff}.controls{position:fixed;bottom:1.5rem;left:0;right:0;display:flex;gap:2rem;justify-content:center;align-items:center}.shoot-btn{font-size:2rem;width:4.5rem;height:4.5rem;border-radius:50%;border:4px solid #fff;background:#ffffff4d}.flip-btn{font-size:1.5rem;width:3rem;height:3rem;border-radius:50%;border:none;background:#ffffff40}