/* v24.5 — مؤثرات فلاتر 2026 فوق المعاينة + بطاقات فلاتر حيّة */
.cam-fx{position:absolute;inset:0;pointer-events:none;z-index:1}
.cam-fx::before,.cam-fx::after{content:'';position:absolute;inset:0;pointer-events:none}
/* إطار داكن ناعم */
.cam-fx.fx-vig-lo{box-shadow:inset 0 0 120px 20px #0005}
.cam-fx.fx-vig-md{box-shadow:inset 0 0 150px 40px #0008}
.cam-fx.fx-vig-hi{box-shadow:inset 0 0 180px 60px #000a}
/* توهج حالم */
.cam-fx.fx-glow-lo::before{backdrop-filter:blur(10px) brightness(1.1);-webkit-backdrop-filter:blur(10px) brightness(1.1);opacity:.25}
.cam-fx.fx-glow-md::before{backdrop-filter:blur(12px) brightness(1.15);-webkit-backdrop-filter:blur(12px) brightness(1.15);opacity:.35}
.cam-fx.fx-glow-hi::before{backdrop-filter:blur(14px) brightness(1.2) saturate(1.1);-webkit-backdrop-filter:blur(14px) brightness(1.2) saturate(1.1);opacity:.5}
/* تسرّب ضوء متحرك */
.cam-fx.fx-leak::after{background:radial-gradient(60% 45% at 50% 20%,#ffaa5a6b,#ff507820 50%,transparent 75%);mix-blend-mode:screen;animation:fxLeak 9s ease-in-out infinite alternate}
@keyframes fxLeak{0%{transform:translate(-30%,0)}50%{transform:translate(25%,8%)}100%{transform:translate(-10%,-6%)}}
/* حبيبات فيلم */
.cam-fx.fx-grain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay;animation:fxGrain .4s steps(4) infinite}
.cam-fx.fx-grain:not(.fx-scan){opacity:1}
@keyframes fxGrain{0%{background-position:0 0}25%{background-position:-40px 20px}50%{background-position:30px -30px}75%{background-position:-20px -50px}100%{background-position:10px 40px}}
/* خطوط VHS */
.cam-fx.fx-scan::after{background:repeating-linear-gradient(0deg,#0000 0 2px,#0004 2px 4px);mix-blend-mode:multiply}
/* لوك الفيلم: رفع الأسود */
.cam-fx.fx-fade{background-color:#2a243038}
.cam-fx.fx-fade.fx-grain{background-color:#2a243038}
/* ازدواج لوني خفيف (ريترو) */
.cam-fx.fx-ghost::before{backdrop-filter:hue-rotate(-25deg) saturate(1.4);-webkit-backdrop-filter:hue-rotate(-25deg) saturate(1.4);transform:translateX(3px);opacity:.25}

/* بطاقات الفلاتر: صورتك الحيّة بكل فلتر */
.cam-filters span{position:relative;overflow:hidden;box-shadow:0 6px 18px #0006}
.cam-filters .fsnap,.cam-filters .fsnap-g{position:absolute;inset:0;background-size:cover;background-position:center}
.cam-filters .fsnap-g{mix-blend-mode:soft-light}
.cam-filters button.on span{transform:translateY(-2px)}
.cam-filters small{text-shadow:0 1px 6px #000c}
.cam-fname b{letter-spacing:.5px;background:linear-gradient(90deg,#fff,#ffffffcc);-webkit-background-clip:text;background-clip:text}