body{color:#eee;background:#1a1a1a;margin:0;font-family:system-ui,sans-serif}main{max-width:40rem;margin:0 auto;padding:2rem 1rem}button{padding:.5rem 1rem;font-size:1rem}.camera{color:#fff;background:#000;position:fixed;inset:0;overflow:hidden}.camera--message{justify-content:center;align-items:center;display:flex}.camera__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera__flash{background:#fff;position:absolute;inset:0}.camera__overlay{text-align:center;background:#000000bf;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.camera__error{text-align:center;background:#a12;border-radius:.5rem;margin:0;padding:.75rem 1rem;position:absolute;top:4rem;left:1rem;right:1rem}.camera__hud{justify-content:space-between;align-items:center;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.camera__frames{text-shadow:0 1px 3px #000c;font-size:1.5rem;font-weight:700}.queue-indicator{background:#00000080;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem}.camera__controls{justify-content:center;align-items:center;gap:3rem;display:flex;position:absolute;bottom:2rem;left:0;right:0}.camera__shutter{background:#fff;border:4px solid #fff;border-radius:50%;width:5rem;height:5rem;padding:0}.camera__shutter:disabled{opacity:.4}.camera__flip{border-radius:999px}