*{box-sizing:border-box}body{margin:0;background:#101820;color:white;font:16px system-ui}main{position:relative;height:100vh;height:100dvh;overflow:hidden}video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:16px;padding: max(16px,env(safe-area-inset-top)) 20px;background:linear-gradient(#0009,transparent)}header a{color:white;text-decoration:none;font-size:24px;padding:8px}h1{font-size:18px;margin:0}.guide{position:absolute;width:min(68vw,320px);aspect-ratio:1;border:3px solid #facc15;border-radius:24px;top:43%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.controls{position:absolute;bottom:0;left:0;right:0;padding:20px 20px max(24px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#000e);display:flex;justify-content:center;flex-wrap:wrap;gap:12px}#status{width:100%;text-align:center;overflow-wrap:anywhere}button,.photo{font:inherit;border:0;border-radius:24px;padding:12px 20px;min-height:48px;background:#facc15;color:#17202a;cursor:pointer}.photo{background:white}.photo input{position:absolute;width:1px;height:1px;opacity:0}[hidden]{display:none!important}button:disabled{opacity:.6}

.gallery-icon{position:absolute;right:20px;top:max(20px,env(safe-area-inset-top));width:48px;height:48px;display:grid;place-items:center;background:#0008;color:white;border:1px solid #ffffff80;border-radius:50%;cursor:pointer;z-index:2;overflow:hidden}.gallery-icon svg{width:25px;height:25px;pointer-events:none}.gallery-icon input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.gallery-icon:focus-within{outline:3px solid #facc15;outline-offset:3px}