.ph-status.cam .ph-status-time,.ph-status.cam .ph-status-icons{visibility:hidden}.ph-cam{--cam-yellow:#ffd60a;touch-action:none;background:#000;position:absolute;inset:0;overflow:hidden;container-type:size}.ph-cam-vf{touch-action:none;cursor:crosshair;background:#0a0a0b;width:100%;position:absolute;left:0;overflow:hidden}.ph-cam-vf.r43{height:133.333cqw;top:106px}.ph-cam-vf.r11{height:100cqw;top:calc(106px + 16.6667cqw)}.ph-cam-vf.r169{height:177.778cqw;top:50%;transform:translateY(-50%)}.ph-cam-canvas{width:100%;height:100%;display:block}.ph-cam-switch{-webkit-backdrop-filter:blur(22px);pointer-events:none;background:#00000059;animation:.5s ease-out forwards cam-fade-out;position:absolute;inset:0}.ph-cam-blink{pointer-events:none;background:#000;animation:.18s ease-out forwards cam-fade-out;position:absolute;inset:0}@keyframes cam-fade-out{to{opacity:0}}@keyframes cam-fade-in{0%{opacity:0}}.ph-cam-focus{pointer-events:none;width:0;height:0;color:var(--cam-yellow);position:absolute}.ph-cam-focus .box{background:linear-gradient(currentColor,currentColor) top/1.2px 7px no-repeat,linear-gradient(currentColor,currentColor) bottom/1.2px 7px no-repeat,linear-gradient(currentColor,currentColor) 0/7px 1.2px no-repeat,linear-gradient(currentColor,currentColor) 100%/7px 1.2px no-repeat;border:1.2px solid;width:74px;height:74px;animation:.35s ease-out cam-focus-in,.5s 1.6s forwards cam-focus-dim;position:absolute;top:-37px;left:-37px}.ph-cam-focus .ev{width:20px;height:104px;animation:.35s ease-out cam-fade-in,.5s 1.6s forwards cam-focus-dim;position:absolute;top:-52px;left:45px}.ph-cam-focus.locked .box,.ph-cam-focus.locked .ev{animation:.35s ease-out cam-focus-in}.ph-cam-focus .ev-line{opacity:.55;background:currentColor;width:1.2px;position:absolute;top:0;bottom:0;left:9.4px}.ph-cam-focus .ev-sun{filter:drop-shadow(0 0 3px #00000080);border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:42px;left:0}@keyframes cam-focus-in{0%{opacity:0;transform:scale(1.45)}}@keyframes cam-focus-dim{to{opacity:.5}}.ph-cam-count{font:200 128px/1 var(--ios-font);color:#fff;text-shadow:0 2px 24px #00000073;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.ph-cam-portrait{background:var(--cam-yellow);color:#000;font:600 11px/1.3 var(--ios-font);letter-spacing:.05em;pointer-events:none;border-radius:4px;padding:3px 8px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.ph-cam-zoom{background:#00000040;border-radius:24px;align-items:center;gap:6px;padding:4px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.ph-cam-bottom>.ph-cam-zoom{align-self:center;margin-bottom:-6px;position:static;transform:none}.ph-cam-zoom button{color:#fff;width:30px;height:30px;font:600 11px/1 var(--ios-font);background:#18181a99;border:0;border-radius:50%;place-items:center;padding:0;transition:width .2s,height .2s;display:grid}.ph-cam-zoom button.on{width:38px;height:38px;color:var(--cam-yellow);font-size:12.5px}.ph-cam-top{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex;position:absolute;top:48px;left:0;right:0}.ph-cam-top>*{pointer-events:auto}.ph-cam-round{color:#fff;background:#2c2c2ecc;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid}.ph-cam-round.lit{color:var(--cam-yellow)}.ph-cam-round.ghost{background:0 0}.ph-cam-round.fstop{width:auto;font:600 13px/1 var(--ios-font);border-radius:17px;align-items:center;gap:1px;padding:0 11px;display:flex}.ph-cam-round.fstop i{font:italic 600 15px/1 Georgia,serif}.ph-cam-chev{color:#fff;background:0 0;border:0;place-items:center;padding:10px 14px;display:grid}.ph-cam-chev.open{color:var(--cam-yellow)}.ph-cam-res{color:#fff;font:600 12px/1 var(--ios-font);letter-spacing:.02em;background:#2c2c2ecc;border-radius:14px;padding:6px 10px}.ph-cam-rectime{color:#fff;font:500 17px/1 var(--ios-font);font-variant-numeric:tabular-nums;background:#ff3b30;border-radius:6px;margin:0 auto;padding:4px 8px}.ph-cam-toast{z-index:4;color:#fff;font:600 12px/1.3 var(--ios-font);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;pointer-events:none;background:#1e1e20d9;border-radius:5px;padding:4px 9px;animation:1.3s forwards cam-toast;position:absolute;top:112px;left:50%;transform:translate(-50%)}.ph-cam-toast.yellow{background:var(--cam-yellow);color:#000}@keyframes cam-toast{0%{opacity:0}12%,78%{opacity:1}to{opacity:0}}.ph-cam-bottom{z-index:3;pointer-events:none;flex-direction:column;justify-content:flex-end;gap:20px;padding-bottom:64px;display:flex;position:absolute;bottom:0;left:0;right:0}.ph-cam.r169 .ph-cam-bottom{background:linear-gradient(#0000,#00000080 30%);padding-top:20px}.ph-cam.r169 .ph-cam-top{background:linear-gradient(#0006,#0000)}.ph-cam-bottom>*{pointer-events:auto}.ph-cam-modes{touch-action:none;height:22px;transition:opacity .2s;position:relative;overflow:hidden}.ph-cam-modes.hidden{opacity:0;pointer-events:none}.ph-cam-modes-track{gap:22px;width:max-content;transition:transform .32s cubic-bezier(.3,.7,.3,1);display:flex;position:relative}.ph-cam-modes button{color:#fff;font:600 13px/18px var(--ios-font);letter-spacing:.07em;white-space:nowrap;background:0 0;border:0;padding:2px 0}.ph-cam-modes button.on{color:var(--cam-yellow)}.ph-cam-tray{justify-content:space-around;align-items:center;height:40px;margin-bottom:-18px;padding:0 22px 18px;animation:.25s ease-out cam-fade-in;display:flex}.ph-cam-opt{color:#fff;background:#2c2c2ee6;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid;position:relative}.ph-cam-opt.lit{color:var(--cam-yellow)}.ph-cam-opt i{font:normal 600 12px/1 var(--ios-font);place-items:center;display:grid}.ph-cam-opt b{color:var(--cam-yellow);font:600 10px/1 var(--ios-font);position:absolute;bottom:-15px;left:0;right:0}.ph-cam-filters{scrollbar-width:none;touch-action:pan-x;gap:8px;padding:0 16px;display:flex;overflow-x:auto}.ph-cam-filters::-webkit-scrollbar{display:none}.ph-cam-filters button{color:#fff;font:500 12px/1.2 var(--ios-font);background:#2c2c2ee6;border:0;border-radius:14px;flex:none;padding:6px 11px}.ph-cam-filters button.on{background:var(--cam-yellow);color:#000}.ph-cam-row{grid-template-columns:1fr auto 1fr;align-items:center;height:80px;padding:0 30px;display:grid}.ph-cam-thumb{background:#1c1c1e;border:0;border-radius:8px;width:48px;height:48px;padding:0;overflow:hidden}.ph-cam-thumb img{object-fit:cover;width:100%;height:100%;display:block}.ph-cam-thumb.pop img{animation:.35s cubic-bezier(.3,.7,.3,1.2) cam-pop}@keyframes cam-pop{0%{opacity:.2;transform:scale(.35)}}.ph-cam-still{background:0 0;border:0;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid}.ph-cam-still i{background:#fff;border:3px solid #000;border-radius:50%;width:38px;height:38px;box-shadow:0 0 0 2px #fff}.ph-cam-shutter{touch-action:none;background:0 0;border:0;border-radius:50%;place-items:center;width:78px;height:78px;padding:0;display:grid;box-shadow:inset 0 0 0 4px #fff}.ph-cam-shutter i{background:#fff;border-radius:50%;width:64px;height:64px;transition:transform .15s,width .25s,height .25s,border-radius .25s,background .2s}.ph-cam-shutter:active i{transform:scale(.88)}.ph-cam-shutter.video i,.ph-cam-shutter.rec i{background:#ff3b30}.ph-cam-shutter.rec i{border-radius:7px;width:30px;height:30px}