:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif;color:#fff;background:#090909}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;overflow:hidden}.app{position:relative;width:min(100vw,calc(100vh * 2.174));aspect-ratio:874/402;background:#000;overflow:hidden}.camera-feed{position:absolute;left:9.15%;width:81.7%;height:100%;object-fit:cover}.rail{position:absolute;top:0;bottom:0;width:9.15%;display:flex;flex-direction:column;align-items:center;padding:5px 0;background:#000}.rail-left{left:0}.rail-spacer{flex:1}.icon-btn{width:48px;height:48px;border:0;background:none;color:white;font-size:27px;cursor:pointer}.icon-btn.active{color:#05a479}.pip{position:absolute;top:2%;left:10.5%;width:20.75%;height:25.4%;border:1px dashed #05a479;overflow:hidden}.pip img{width:100%;height:100%;object-fit:cover}.pip-target{position:absolute;left:41%;top:45%;width:11%;height:9%;border:1px solid #05d6a0}.top-settings{position:absolute;right:2.3%;top:1%;height:48px;display:flex;align-items:center;gap:14px;text-shadow:0 0 2px #000}.top-settings b{font-size:14px;font-weight:500}.video-icon{font-size:18px}.divider{display:inline-block;width:1px;height:13px;background:#ffffff80}.auto-icon{width:40px;height:40px;border:0;background:none;color:#fff;font-weight:700;font-size:13px}.lens-switch{position:absolute;right:14.3%;top:41%;padding:2px;border-radius:999px;background:#ffffff1a;display:grid;gap:4px}.lens-switch button{width:32px;height:32px;border:0;border-radius:50%;background:#000b;color:#fff}.lens-switch .selected{color:#05d09a}.shoot-panel{position:absolute;right:2.75%;top:25%;bottom:18%;width:68px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.shoot-panel button{border:0;background:none;color:#fff;display:grid;justify-items:center;gap:3px;font-size:24px}.shoot-panel small{font-size:12px}.record{width:68px;height:68px!important;border:3.4px solid white!important;border-radius:50%!important;display:grid!important;place-items:center!important}.record i{width:56px;height:56px;background:#d34442;border-radius:50%;transition:.2s}.record.active i{border-radius:9px;width:34px;height:34px}.joystick{position:absolute;left:10.8%;bottom:6.7%;width:168px;height:168px;border-radius:50%;background:#0003;border:1px solid #ffffff1a}.joystick button{position:absolute;border:0;background:none;color:#fff;font-size:14px}.joystick [data-dir=up]{top:9px;left:74px}.joystick [data-dir=down]{bottom:9px;left:74px}.joystick [data-dir=left]{left:12px;top:75px}.joystick [data-dir=right]{right:12px;top:75px}.joystick i{position:absolute;width:34px;height:34px;left:66px;top:66px;border-radius:50%;background:#f2f3e8}.target-box{position:absolute;left:43%;top:33%;width:27%;height:62%;border:1.5px solid transparent;pointer-events:none}.target-box.visible{border-color:#ffd81a;box-shadow:0 0 1px #000}.target-pill{position:absolute;left:50%;bottom:7.5%;transform:translateX(-50%);height:41px;padding:0 12px;border:1px solid #303031;border-radius:999px;background:#111;color:white;display:flex;align-items:center;gap:7px;font-size:13px}.target-pill .bird{font-size:22px}.target-pill i{width:20px;height:20px;border:2px solid #eee;border-radius:50%;box-shadow:inset 0 0 0 4px #111;background:#eee}.target-menu{position:absolute;left:50%;bottom:19%;transform:translateX(-50%);padding:5px;background:#161616;border:1px solid #383838;border-radius:14px}.target-menu button{padding:9px 18px;border:0;background:transparent;color:#fff}.voice{position:absolute;right:12.5%;bottom:12%;width:68px;height:68px;border:0;background:none}.voice img{width:64px;height:64px}.params,.status{position:absolute;bottom:1%;font-size:12px;text-shadow:0 0 2px #000}.params{left:11.5%}.status{right:2.8%}.timer{position:absolute;top:12px;left:50%;transform:translateX(-50%);background:#d34442;padding:4px 10px;border-radius:99px;font-weight:700;font-size:14px}.toast{position:absolute;top:16px;left:50%;transform:translateX(-50%);background:#111e;padding:9px 16px;border-radius:9px;font-size:13px}dialog{border:1px solid #383838;border-radius:16px;background:#1b1b1c;color:#fff;width:400px;padding:20px}dialog::backdrop{background:#0008}dialog h2{font-size:18px;margin:0 0 8px}dialog p{font-size:14px;color:#bdbdbd}dialog div{display:flex;justify-content:flex-end;gap:10px}dialog button{border:0;border-radius:8px;padding:9px 14px;background:#333;color:#fff}dialog #ok{background:#05a479}@media(max-aspect-ratio:874/402){.app{width:100vw}.params,.status{font-size:10px}.joystick{transform:scale(.8);transform-origin:left bottom}}