.cam-stage{aspect-ratio:1;perspective:1400px;place-items:center;width:100%;max-width:540px;margin-inline:auto;display:grid;position:relative}.cam-spot{background:radial-gradient(circle at 50% 45%,color-mix(in oklab,var(--uxg-pink) 16%,transparent) 0%,transparent 62%),radial-gradient(circle at 62% 62%,color-mix(in oklab,var(--uxg-blue) 14%,transparent) 0%,transparent 58%);filter:blur(28px);pointer-events:none;border-radius:999px;position:absolute;inset:8%}.cam-3d{width:68%;transform-style:preserve-3d;will-change:transform;cursor:pointer;position:relative}.cam-body{aspect-ratio:1.55;transform-style:preserve-3d;background:linear-gradient(160deg,#3a3d42,#23262a 26%,#16181b 60%,#0c0d0f);border-radius:22px 22px 26px 26px;position:relative;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff0d,inset 0 0 44px #0000008c,0 28px 60px -18px #00000073,0 8px 22px -10px #00000059}.cam-body:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,#ffffff1a,#0000 34%),repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 3px);position:absolute;inset:0}.cam-grip{background:linear-gradient(120deg,#2c2f33,#14161a 70%,#0b0c0e);border-radius:18px 26px 26px 18px;width:20%;position:absolute;top:6%;bottom:6%;right:-3%;box-shadow:inset 0 1px #ffffff1f,0 10px 24px -12px #0009}.cam-grip:after{content:"";opacity:.85;background-image:radial-gradient(#ffffff17 .7px,#0000 .8px);background-size:4px 4px;border-radius:12px;position:absolute;inset:12% 16%}.cam-hump{background:linear-gradient(170deg,#34373c,#1b1d21 70%,#101215);border-radius:8px 8px 0 0;width:26%;height:13%;position:absolute;top:-11%;left:26%;box-shadow:inset 0 1px #ffffff24}.cam-hotshoe{background:linear-gradient(#6d7278,#2a2d31);border-radius:3px;width:12%;height:4%;position:absolute;top:-14%;left:44%;transform:translate(-50%);box-shadow:inset 0 -1px #00000080}.cam-dial{background:conic-gradient(#4a4e54,#23262a,#4a4e54,#23262a,#4a4e54,#23262a,#4a4e54,#23262a,#4a4e54,#23262a,#4a4e54,#23262a,#4a4e54,#23262a,#4a4e54,#23262a,#4a4e54 352deg);border-radius:999px;position:absolute;box-shadow:inset 0 0 0 2px #00000059,0 4px 10px -4px #000000b3}.cam-dial:after{content:"";background:radial-gradient(circle at 35% 30%,#55595f,#1a1c1f 70%);border-radius:999px;position:absolute;inset:22%}.cam-dial.d1{aspect-ratio:1;width:11%;top:-6%;right:26%}.cam-dial.d2{aspect-ratio:1;width:8%;top:-3.5%;right:40%}.cam-shutter-btn{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#9aa0a6,#3c4046 60%,#1b1d20);border-radius:999px;width:8%;position:absolute;top:-5%;right:8%;box-shadow:0 3px 8px -3px #000c}.cam-brand{letter-spacing:.22em;color:#ffffff9e;text-shadow:0 1px #000000b3;font-size:clamp(9px,1.5vw,13px);font-weight:700;position:absolute;top:12%;left:7%}.cam-spec{text-align:right;letter-spacing:.18em;color:#ffffff57;font-size:clamp(7px,1.1vw,10px);position:absolute;bottom:26%;right:24%}.cam-rec{letter-spacing:.2em;color:#ffffff4d;align-items:center;gap:5px;font-size:clamp(6px,1vw,9px);transition:color .4s;display:flex;position:absolute;bottom:15%;right:27%}.cam-rec .dot{background:#4a2126;border-radius:999px;width:7px;height:7px;transition:background .3s,box-shadow .3s}.cam-rec.on{color:#fffc}.cam-rec.on .dot{background:#ff3b30;animation:1.05s step-end infinite recBlink;box-shadow:0 0 10px 2px #ff3b30b3}@keyframes recBlink{0%,55%{opacity:1}56%,to{opacity:.25}}.cam-mount{aspect-ratio:1;width:58%;transform-style:preserve-3d;background:linear-gradient(150deg,#4c5157,#1d1f22 55%,#0a0b0c);border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;left:36%;transform:translate(-50%,-50%)translateZ(26px);box-shadow:inset 0 2px 2px #ffffff2e,inset 0 -3px 6px #000000b3,0 18px 36px -14px #000000b3}.cam-barrel{aspect-ratio:1;will-change:transform;background:repeating-conic-gradient(#ffffff0d 0deg 1.6deg,#0000 1.6deg 3.6deg),radial-gradient(circle at 40% 32%,#45494f,#23262a 46%,#101214 78%,#07080a);border-radius:999px;place-items:center;width:88%;display:grid;position:relative;box-shadow:inset 0 0 0 3px #0000008c,inset 0 2px 3px #ffffff24}.cam-focus-ring{will-change:transform;border:1px dashed #ffffff24;border-radius:999px;position:absolute;inset:4%;-webkit-mask-image:radial-gradient(circle,#0000 62%,#000 64%);mask-image:radial-gradient(circle,#0000 62%,#000 64%)}.cam-focus-ring:after{content:"";border:2px solid #0000;border-color:#ffffff38 #0000 #0000 #ffffff0f;border-radius:999px;position:absolute;inset:6%}.cam-glass{aspect-ratio:1;background:radial-gradient(circle,#061018,#04070c 55%,#010306);border-radius:999px;width:66%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #0a0c0f,inset 0 0 26px 6px #000000e6,0 0 22px #00000080}.cam-glass:before{content:"";border-radius:inherit;background:radial-gradient(circle at 30% 28%,color-mix(in oklab,var(--uxg-blue) 55%,transparent) 0%,transparent 44%),radial-gradient(circle at 72% 74%,color-mix(in oklab,var(--uxg-purple) 45%,transparent) 0%,transparent 46%),radial-gradient(circle at 62% 30%,color-mix(in oklab,var(--uxg-pink) 30%,transparent) 0%,transparent 40%);opacity:.5;mix-blend-mode:screen;position:absolute;inset:0}.cam-glass:after{content:"";background:conic-gradient(from 12deg,#ffffff12 0deg 44deg,#0000 44deg 46deg,#ffffff0d 46deg 90deg,#0000 90deg 92deg,#ffffff12 92deg 136deg,#0000 136deg 138deg,#ffffff0d 138deg 182deg,#0000 182deg 184deg,#ffffff12 184deg 228deg,#0000 228deg 230deg,#ffffff0d 230deg 274deg,#0000 274deg 276deg,#ffffff12 276deg 320deg,#0000 320deg 322deg,#ffffff0d 322deg 360deg);border-radius:999px;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .4s;position:absolute;inset:16%;box-shadow:inset 0 0 18px #000000e6}.cam-glass.focusing:after{transform:scale(.78)rotate(14deg)}.cam-glint{aspect-ratio:1;filter:blur(3px);will-change:transform;pointer-events:none;background:radial-gradient(circle,#ffffff8c,#ffffff1f 38%,#0000 70%);border-radius:999px;width:58%;position:absolute}.cam-glint.small{filter:blur(1px);background:radial-gradient(circle,#ffffffe6,#0000 68%);width:20%}.cam-lens-label{letter-spacing:.16em;color:#fff6;white-space:nowrap;font-size:clamp(6px,.95vw,9px);position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.cam-flash{pointer-events:none;background:radial-gradient(circle,#fffffff2,#ffffff80 32%,#0000 66%);border-radius:999px;position:absolute;inset:-18%}.cam-sound{aspect-ratio:1;border:1.5px solid color-mix(in oklab,var(--uxg-pink) 45%,transparent);pointer-events:none;border-radius:999px;width:58%;position:absolute;top:50%;left:36%;transform:translate(-50%,-50%)}.svc-card{background:color-mix(in oklab,var(--color-background) 88%,transparent);border:1px solid var(--color-hairline);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:-.01em;color:var(--color-foreground);white-space:nowrap;z-index:3;border-radius:14px;align-items:center;gap:9px;padding:10px 14px;font-size:13px;font-weight:500;display:flex;position:absolute;box-shadow:0 14px 34px -18px #00000059,0 2px 6px -3px #0000001f}.svc-card .em{font-size:15px;line-height:1}.svc-card.c1{top:14%;left:-2%}.svc-card.c2{top:26%;right:-1%}.svc-card.c3{bottom:20%;left:2%}.svc-card.c4{bottom:12%;right:3%}.cap-frame{z-index:5;will-change:transform,opacity;background:linear-gradient(150deg,#191b1f,#0a0b0d);border:1px solid #ffffff1f;border-radius:16px;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 30px 70px -24px #00000080}.cap-frame .shot{background:radial-gradient(circle at 30% 24%,color-mix(in oklab,var(--uxg-orange) 55%,transparent),transparent 52%),radial-gradient(circle at 74% 70%,color-mix(in oklab,var(--uxg-purple) 60%,transparent),transparent 56%),linear-gradient(150deg,#1b1d22,#08090b);position:absolute;inset:0}.cap-frame .scan{background:repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 4px);position:absolute;inset:0}.reel-ui{flex-direction:column;justify-content:flex-end;gap:6px;padding:10px;display:flex;position:absolute;inset:0}.reel-badge{letter-spacing:.18em;color:#fff;background:#ffffff29;border:1px solid #ffffff38;border-radius:999px;padding:3px 7px;font-size:8px;position:absolute;top:9px;left:9px}.reel-metrics{flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:12px;right:8px}.reel-metric{color:#fff;font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:2px;font-size:9px;display:flex}.reel-metric svg{width:15px;height:15px}.reel-caption{color:#ffffffe6;max-width:74%;font-size:9.5px;line-height:1.35}.reel-bar{background:#ffffff40;border-radius:999px;height:2px;overflow:hidden}.reel-bar span{background-image:var(--uxg-gradient);height:100%;display:block}@media(max-width:767px){.cam-card-2{top:4%;right:2%}.cam-card-4{right:6%}.svc-card{gap:7px;padding:8px 11px;font-size:11.5px}.svc-card.c1{top:8%;left:-1%}.svc-card.c2{top:22%;right:-1%}.svc-card.c3{bottom:22%;left:0}.svc-card.c4{bottom:10%;right:0}.cam-3d{width:86%}}@media(prefers-reduced-motion:reduce){.cam-rec.on .dot{animation:none}}