.cam-host{flex:1;min-height:0;display:flex;flex-direction:column}.cam{flex:1;min-height:0;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none}.vf{position:relative;width:100%;aspect-ratio:4 / 3;background:#000;overflow:hidden;touch-action:none;flex:none;cursor:grab}.vf:active{cursor:grabbing}.vf canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.vf-ov{pointer-events:none}.vf-af{position:absolute;left:50%;top:50%;width:26%;height:34%;transform:translate(-50%,-50%);pointer-events:none}.vf-af i{position:absolute;inset:0;border-radius:4px;background:linear-gradient(currentColor,currentColor) 0 0 / 14px 1.5px no-repeat,linear-gradient(currentColor,currentColor) 0 0 / 1.5px 14px no-repeat,linear-gradient(currentColor,currentColor) 100% 0 / 14px 1.5px no-repeat,linear-gradient(currentColor,currentColor) 100% 0 / 1.5px 14px no-repeat,linear-gradient(currentColor,currentColor) 0 100% / 14px 1.5px no-repeat,linear-gradient(currentColor,currentColor) 0 100% / 1.5px 14px no-repeat,linear-gradient(currentColor,currentColor) 100% 100% / 14px 1.5px no-repeat,linear-gradient(currentColor,currentColor) 100% 100% / 1.5px 14px no-repeat;color:#ffffffbf;transition:color .15s,transform .2s var(--ease)}.vf-af.lock i{color:var(--cyan);transform:scale(.94);filter:drop-shadow(0 0 4px rgba(92,225,230,.6))}.vf-af span{position:absolute;left:50%;bottom:-18px;transform:translate(-50%);font:500 10px var(--f-num);color:#ffffffbf;text-shadow:0 1px 2px #000;white-space:nowrap}.vf-af.lock span{color:var(--cyan)}.vf-tl{position:absolute;left:10px;top:10px;display:flex;gap:6px;align-items:center}.vf-mode{display:grid;place-items:center;min-width:34px;height:26px;padding:0 7px;border-radius:7px;background:#00000080;box-shadow:inset 0 0 0 1px #fff3;font:600 12px var(--f-num);color:var(--amber)}.vf-btn{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:7px;background:#00000080;box-shadow:inset 0 0 0 1px #fff3;font-size:11px;color:#fff}.vf-btn:before{content:"";position:absolute;inset:-9px -4px}.vf-btn{position:relative}.vf-btn .ic{width:14px;height:14px}.vf-btn[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--cyan);color:var(--cyan)}.vf-tr{position:absolute;right:10px;top:10px;display:flex;gap:8px;align-items:center;pointer-events:none}.vf-info{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:14px;padding:18px 10px 7px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));font:500 12px var(--f-num);color:#fff;pointer-events:none;white-space:nowrap}.vf-info b{font-weight:500}.vf-info b.ec{color:var(--amber)}.vf-expo{position:absolute;inset:0;display:grid;place-items:center;background:#000000eb;pointer-events:none}.vf-expo svg{width:76px;height:76px;transform:rotate(-90deg)}.vf-expo circle{fill:none;stroke-width:3}.vf-expo .bg{stroke:#ffffff1f}.vf-expo .fg{stroke:var(--amber);stroke-dasharray:163.4;stroke-dashoffset:163.4;stroke-linecap:round}.vf-expo span{position:absolute;font:500 14px var(--f-num);color:var(--amber)}.vf-flash{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none}.vf-flash.go{animation:blink .14s ease-out}@keyframes blink{0%{opacity:.85}to{opacity:0}}.vf-msg{position:absolute;left:10px;right:10px;top:44px;display:grid;justify-items:center;gap:6px;pointer-events:none}.vf-pop{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px 12px;border-radius:999px;background:#0a0b0dc7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #ffffff24;font-size:12.5px;animation:pop .25s var(--ease);transition:opacity .35s,transform .35s}.vf-pop b{font:600 15px var(--f-num)}.vf-pop span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2)}.vf-pop.gold b{color:var(--gold)}.vf-pop.silver b{color:var(--silver)}.vf-pop.bronze b{color:var(--bronze)}.vf-pop.bad b{color:var(--red)}.vf-pop.warn{box-shadow:inset 0 0 0 1px var(--red)}.vf-pop.info span{color:var(--ink)}.vf-pop.wrap{border-radius:14px}.vf-pop.wrap span{white-space:normal;text-align:center;line-height:1.45}.vf-pop.out{opacity:0;transform:translateY(-6px)}@keyframes pop{0%{transform:scale(.85);opacity:0}}.vf-hint{position:absolute;left:50%;bottom:34px;transform:translate(-50%);padding:6px 12px;border-radius:999px;background:#0000008c;font-size:12px;color:#fff;white-space:nowrap;pointer-events:none;transition:opacity .4s}.vf-hint.gone{opacity:0}.count{position:absolute;inset:0;display:grid;place-items:center;background:#00000059;pointer-events:none}.count b{font:300 92px var(--f-ui);color:#fff;letter-spacing:-.04em;text-shadow:0 0 40px rgba(255,181,71,.5)}.count b.in{animation:cnt .55s var(--ease)}@keyframes cnt{0%{transform:scale(1.6);opacity:0}}.pm{display:flex;align-items:center;gap:12px;padding:8px 16px 6px;background:linear-gradient(180deg,#08090b,var(--bg));flex:none}.pm-cv{width:62%;height:48px;flex:none}.pm-g{width:62%;flex:none;display:grid;gap:1px}.pm-g .pm-cv{width:100%}.pm-ax{display:flex;justify-content:space-between;gap:6px;font:500 9px var(--f-ui, sans-serif);letter-spacing:.04em;color:var(--mute);line-height:1.2}.pm-ax span:nth-child(2){opacity:.7}.pm-help{flex:none;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line-2, rgba(255,255,255,.25));font:600 13px var(--f-num);color:var(--ink-2, #ddd);position:relative}.pm-help:before{content:"";position:absolute;inset:-8px}.vf .vf-pip{inset:10px 10px auto auto;width:30%;height:auto;aspect-ratio:4 / 3;border-radius:6px;box-shadow:0 0 0 1px #fff6,0 4px 14px #00000080;pointer-events:none}.vf .vf-pip[hidden]{display:none}.cam.eye .vf-af,.cam.eye .vf-info{opacity:0;transition:opacity .2s}.pm-read{flex:1;min-width:0;display:grid;justify-items:end;text-align:right}.pm-read b{font:500 18px var(--f-num);color:var(--ink);line-height:1.2;white-space:nowrap}.pm-read b.warn{color:var(--red)}.pm-read small{font-size:10.5px;color:var(--mute);line-height:1.35}.xr-panel{flex:1;min-height:0;padding:6px 16px 4px}.xr-cv{display:block;width:100%;height:100%}.cam-slot{flex:1;min-height:0;overflow-y:auto;padding:4px 16px 6px;scrollbar-width:none}.cam-slot::-webkit-scrollbar{display:none}.ctl{flex:none;display:grid;gap:8px;padding:6px 16px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(10,11,13,0),var(--bg) 18%)}.dp{display:grid;gap:6px;min-width:0}.chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:5px}.chip{position:relative;display:grid;justify-items:center;gap:0;min-height:48px;padding:5px 2px;border-radius:12px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .15s,background .15s;min-width:0}.chip small{font-size:10px;color:var(--mute);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.chip b{font:500 14px var(--f-num);line-height:1.4;white-space:nowrap}.chip.on{background:#ffb5471a;box-shadow:inset 0 0 0 1.5px var(--amber)}.chip.on b{color:var(--amber)}.chip .auto{display:none;position:absolute;top:-6px;right:2px;padding:0 5px;border-radius:5px;background:var(--cyan);color:#04211f;font:600 9px var(--f-num);font-style:normal;line-height:15px}.chip.locked .auto{display:block}.chip.locked b{color:var(--cyan)}.chip.lim .auto{background:var(--red);color:#fff}.chip.lim b{color:var(--red)}.chip.bump{animation:bump .5s var(--ease)}@keyframes bump{0%{box-shadow:inset 0 0 0 2px var(--cyan),0 0 14px #5ce1e68c}to{box-shadow:inset 0 0 0 1px var(--line)}}.dial-follow{position:absolute;left:4px;top:4px;bottom:4px;width:64px;display:grid;align-content:center;justify-items:start;gap:1px;padding:0 6px;border-radius:10px;background:#07080a;box-shadow:inset 0 0 0 1px #5ce1e673;pointer-events:none;z-index:1}.dial-follow[hidden]{display:none}.dial-follow small{font:600 8.5px var(--f-num);letter-spacing:.04em;color:var(--cyan);line-height:1.1}.dial-follow b{font:500 13px var(--f-num);color:var(--cyan);line-height:1.2;white-space:nowrap}.df-bar{position:relative;width:100%;height:3px;margin-top:2px;border-radius:2px;background:#ffffff29}.df-bar i{position:absolute;top:-2px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:var(--cyan);transition:left .3s var(--ease)}.dial-follow.lim{box-shadow:inset 0 0 0 1.5px var(--red)}.dial-follow.lim small,.dial-follow.lim b{color:var(--red)}.dial-follow.lim i{background:var(--red)}.dial-follow.bump{animation:fbump .5s var(--ease)}@keyframes fbump{0%{box-shadow:inset 0 0 0 2px var(--cyan),0 0 12px #5ce1e699}}.dial-wrap{position:relative;min-width:0}.dial{position:relative;height:50px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;border-radius:14px;background:#07080a;box-shadow:inset 0 0 0 1px var(--line);scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.dial::-webkit-scrollbar{display:none}.dial.locked{opacity:.35;pointer-events:none}.dial-track{display:flex;width:max-content;padding-inline:calc(50% - 30px)}.tk{flex:none;width:60px;height:50px;scroll-snap-align:center;display:grid;place-items:end center;padding-bottom:7px;color:#fff6;font:500 11px var(--f-num);white-space:nowrap;cursor:pointer;background:linear-gradient(#ffffff59,#ffffff59) center 7px / 1px 12px no-repeat,linear-gradient(#ffffff26,#ffffff26) 0 9px / 1px 7px no-repeat}.tk.cur{color:var(--amber);font-size:13.5px;font-weight:500;background-image:linear-gradient(var(--amber),var(--amber)),linear-gradient(#ffffff26,#ffffff26);background-size:2px 16px,1px 7px}.dial-needle{position:absolute;left:50%;top:-3px;width:0;height:0;margin-left:-5px;border:5px solid transparent;border-top-color:var(--amber);pointer-events:none}.dial-hint{display:flex;justify-content:space-between;gap:8px;font-size:10.5px;color:var(--mute)}.dial-hint span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dial-hint .hi{text-align:right}.shoot-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}.modes{display:inline-flex;justify-self:start;padding:3px;border-radius:12px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line)}.mode{display:inline-flex;align-items:center;gap:3px;min-width:38px;height:38px;padding:0 7px;justify-content:center;border-radius:9px;font:600 12.5px var(--f-num);color:var(--mute)}.mode.on{background:var(--ink);color:#0b0c0f}.mode.lk{opacity:.45}.mode .ic{width:.9em;height:.9em}.shutter{width:74px;height:74px;border-radius:50%;padding:6px;box-shadow:inset 0 0 0 3px #ffffffeb;transition:transform .08s;touch-action:none}.shutter span{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 50% 35%,#fff,#e9e9e6 60%,#cfcfca);transition:transform .08s,background .2s}.shutter:active span{transform:scale(.88)}.shutter.burst span{background:radial-gradient(circle at 50% 35%,#ffd27a,var(--amber-2))}.shutter.off{opacity:.4;pointer-events:none}.tools{justify-self:end;display:flex;gap:6px}.tool{display:grid;justify-items:center;gap:1px;width:46px;min-height:46px;padding:5px 0 3px;border-radius:12px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);font-size:9.5px;color:var(--mute)}.tool .ic{width:18px;height:18px;color:var(--ink-2)}.tool span{line-height:1.2;max-width:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--cyan);color:var(--cyan)}.tool[aria-pressed=true] .ic{color:var(--cyan)}@media(max-height:700px){.pm{padding-block:5px 3px}.pm-cv{height:38px}.chip{min-height:42px;padding-block:3px}.dial,.tk{height:42px}.ctl{gap:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.shutter{width:60px;height:60px}.mode{height:34px}.tool{min-height:40px}.dial-hint{display:none}}