.page-module__Tjt4eq__filterGrid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.page-module__Tjt4eq__filterItem{text-align:center}.page-module__Tjt4eq__filterImage{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:.5rem;width:100%;height:120px;transition:filter .3s;position:relative;overflow:hidden}.page-module__Tjt4eq__filterImage:before{content:"";background:radial-gradient(circle at 30% 30%,#fff6 0%,#0000 50%),radial-gradient(circle at 70% 60%,#fff3 0%,#0000 40%);position:absolute;inset:0}.page-module__Tjt4eq__filterLabel{font-size:.8125rem;font-family:var(--font-jetbrains-mono),monospace;color:var(--muted-foreground);margin-top:.5rem}.page-module__Tjt4eq__original{filter:none}.page-module__Tjt4eq__blur{filter:blur(5px)}.page-module__Tjt4eq__brightness{filter:brightness(1.5)}.page-module__Tjt4eq__brightnessDark{filter:brightness(.5)}.page-module__Tjt4eq__contrastHigh{filter:contrast(2)}.page-module__Tjt4eq__contrastLow{filter:contrast(.5)}.page-module__Tjt4eq__grayscale{filter:grayscale()}.page-module__Tjt4eq__grayscalePartial{filter:grayscale(.5)}.page-module__Tjt4eq__hueRotate90{filter:hue-rotate(90deg)}.page-module__Tjt4eq__hueRotate180{filter:hue-rotate(180deg)}.page-module__Tjt4eq__invert{filter:invert()}.page-module__Tjt4eq__invertPartial{filter:invert(.5)}.page-module__Tjt4eq__saturate{filter:saturate(2)}.page-module__Tjt4eq__desaturate{filter:saturate(.5)}.page-module__Tjt4eq__sepia{filter:sepia()}.page-module__Tjt4eq__sepiaPartial{filter:sepia(.5)}.page-module__Tjt4eq__shadowGrid{grid-template-columns:repeat(3,1fr);gap:2rem;padding:2rem;display:grid}.page-module__Tjt4eq__shadowItem{text-align:center}.page-module__Tjt4eq__shadowDemo{background:var(--primary);border-radius:50%;width:100px;height:100px;margin:0 auto}.page-module__Tjt4eq__basicShadow{filter:drop-shadow(5px 5px 10px #0000004d)}.page-module__Tjt4eq__colourShadow{filter:drop-shadow(0 0 20px #3b82f6)}.page-module__Tjt4eq__multiShadow{filter:drop-shadow(5px 5px 5px #0000004d)drop-shadow(-5px -5px 5px #ffffff4d)}.page-module__Tjt4eq__instagram1{filter:contrast(1.2)brightness(1.1)sepia(.3)saturate(1.4)}.page-module__Tjt4eq__instagram2{filter:brightness(1.1)hue-rotate(180deg)saturate(.7)}.page-module__Tjt4eq__instagram3{filter:brightness(1.2)hue-rotate(-20deg)saturate(1.3)}.page-module__Tjt4eq__instagram4{filter:contrast(1.5)brightness(.9)grayscale(.3)}.page-module__Tjt4eq__svgFilterDemo{background:var(--muted);border-radius:.75rem;justify-content:center;align-items:center;height:200px;display:flex;position:relative}.page-module__Tjt4eq__gooEffect{filter:url(#goo);gap:2rem;display:flex}.page-module__Tjt4eq__gooBall{background:var(--primary);border-radius:50%;width:60px;height:60px;animation:3s ease-in-out infinite page-module__Tjt4eq__gooMove}.page-module__Tjt4eq__gooBall:nth-child(2){background:var(--secondary);animation-delay:-1s}.page-module__Tjt4eq__gooBall:nth-child(3){background:#f59e0b;animation-delay:-2s}@keyframes page-module__Tjt4eq__gooMove{0%,to{transform:translate(-30px)}50%{transform:translate(30px)}}.page-module__Tjt4eq__playgroundContainer{grid-template-columns:300px 1fr;gap:1.5rem;display:grid}.page-module__Tjt4eq__controlsPanel{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem}.page-module__Tjt4eq__controlsTitle{color:var(--primary);margin:0 0 1rem;font-size:1rem;font-weight:700}.page-module__Tjt4eq__controlGroup{margin-bottom:.875rem}.page-module__Tjt4eq__controlHeader{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.page-module__Tjt4eq__controlLabel{color:var(--muted-foreground);font-size:.8125rem;font-weight:500}.page-module__Tjt4eq__valueDisplay{background:var(--muted);font-family:var(--font-jetbrains-mono),monospace;color:var(--foreground);border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem}.page-module__Tjt4eq__rangeSlider{appearance:none;background:var(--muted);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.page-module__Tjt4eq__rangeSlider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .15s}.page-module__Tjt4eq__rangeSlider::-webkit-slider-thumb:hover{transform:scale(1.2)}.page-module__Tjt4eq__rangeSlider::-moz-range-thumb{background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.page-module__Tjt4eq__resetButton{background:var(--secondary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;margin-top:.5rem;padding:.625rem;font-size:.875rem;font-weight:600;transition:background .2s,opacity .2s}.page-module__Tjt4eq__resetButton:hover:not(:disabled){opacity:.9}.page-module__Tjt4eq__resetButton:disabled{opacity:.5;cursor:not-allowed}.page-module__Tjt4eq__playgroundPreview{flex-direction:column;gap:1rem;display:flex}.page-module__Tjt4eq__playgroundImage{border-radius:var(--radius);background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#ec4899 100%);height:350px;transition:filter .2s;position:relative;overflow:hidden}.page-module__Tjt4eq__playgroundImage:before{content:"";background:radial-gradient(circle at 30% 35%,#ffffff59 0%,#0000 45%),radial-gradient(circle at 70% 60%,#ffffff26 0%,#0000 35%),radial-gradient(circle at 50% 80%,#ffffff1a 0%,#0000 30%);position:absolute;inset:0}.page-module__Tjt4eq__hoverGrid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.page-module__Tjt4eq__hoverItem{background:var(--primary);color:#fff;text-align:center;cursor:pointer;border-radius:.5rem;padding:2rem 1rem;font-size:.875rem;font-weight:600;transition:filter .3s}.page-module__Tjt4eq__hoverBlur:hover{filter:blur(3px)}.page-module__Tjt4eq__hoverBright:hover{filter:brightness(1.3)}.page-module__Tjt4eq__hoverRotate:hover{filter:hue-rotate(90deg)}.page-module__Tjt4eq__hoverGray:hover{filter:grayscale()}.page-module__Tjt4eq__animatedFilters{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.page-module__Tjt4eq__animatedFilter{background:var(--secondary);color:#fff;text-align:center;border-radius:.5rem;padding:3rem 1rem;font-weight:600}.page-module__Tjt4eq__pulseFilter{animation:2s ease-in-out infinite page-module__Tjt4eq__pulseBrightness}@keyframes page-module__Tjt4eq__pulseBrightness{0%,to{filter:brightness()}50%{filter:brightness(1.3)}}.page-module__Tjt4eq__rotateFilter{animation:5s linear infinite page-module__Tjt4eq__hueCycle}@keyframes page-module__Tjt4eq__hueCycle{to{filter:hue-rotate(360deg)}}.page-module__Tjt4eq__glitchFilter{animation:.5s infinite page-module__Tjt4eq__glitchFilter}@keyframes page-module__Tjt4eq__glitchFilter{0%,to{filter:hue-rotate()brightness()}20%{filter:hue-rotate(90deg)brightness(1.1)}40%{filter:hue-rotate(-90deg)brightness(.9)}}.page-module__Tjt4eq__textEffects{background:var(--muted);text-align:center;border-radius:.75rem;padding:2rem}.page-module__Tjt4eq__textEffects h3{margin:1rem 0;font-size:2.5rem;font-weight:800}.page-module__Tjt4eq__textShadowFilter{filter:drop-shadow(3px 3px 5px #00000080)}.page-module__Tjt4eq__textGlowFilter{filter:drop-shadow(0 0 10px #3b82f6)drop-shadow(0 0 20px #3b82f6)drop-shadow(0 0 30px #3b82f6);color:#3b82f6}.page-module__Tjt4eq__textBlurFilter{filter:blur(2px);cursor:pointer;transition:filter .3s}.page-module__Tjt4eq__textBlurFilter:hover{filter:blur()}.page-module__Tjt4eq__filterCompareContainer{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.page-module__Tjt4eq__filterCompareTabs{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.page-module__Tjt4eq__filterCompareTab{border:1px solid var(--border);border-radius:var(--radius);background:var(--muted);color:var(--muted-foreground);cursor:pointer;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:background .2s,color .2s,border-color .2s}.page-module__Tjt4eq__filterCompareTab:hover{border-color:var(--primary);color:var(--foreground)}.page-module__Tjt4eq__filterCompareTabActive{background:var(--primary);color:#fff;border-color:var(--primary)}.page-module__Tjt4eq__filterCompareDescription{color:var(--muted-foreground);margin:0 0 1rem;font-size:.875rem;line-height:1.5}.page-module__Tjt4eq__filterCompareSlider{cursor:col-resize;-webkit-user-select:none;user-select:none;border-radius:.75rem;height:300px;margin-bottom:1rem;position:relative;overflow:hidden}.page-module__Tjt4eq__filterCompareLayer{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#ec4899 100%);position:absolute;inset:0}.page-module__Tjt4eq__filterCompareLayer:before{content:"";background:radial-gradient(circle at 30% 35%,#ffffff59 0%,#0000 45%),radial-gradient(circle at 70% 60%,#ffffff26 0%,#0000 35%),radial-gradient(circle at 50% 80%,#ffffff1a 0%,#0000 30%);position:absolute;inset:0}.page-module__Tjt4eq__filterCompareHandle{z-index:10;pointer-events:none;background:#fff;width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 8px #0000004d}.page-module__Tjt4eq__filterCompareHandleGrip{pointer-events:none;color:#333;background:#fff;border-radius:50%;justify-content:center;align-items:center;gap:2px;width:36px;height:36px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0003}.page-module__Tjt4eq__filterCompareLabelLeft,.page-module__Tjt4eq__filterCompareLabelRight{text-transform:uppercase;letter-spacing:.1em;color:#fff;text-shadow:0 1px 4px #00000080;pointer-events:none;z-index:5;font-size:.6875rem;font-weight:700;position:absolute;bottom:.75rem}.page-module__Tjt4eq__filterCompareLabelLeft{left:.75rem}.page-module__Tjt4eq__filterCompareLabelRight{right:.75rem}.page-module__Tjt4eq__filterCompareCode{color:#cdd6f4;font-family:var(--font-jetbrains-mono),monospace;background:#1e1e2e;border-radius:.75rem;margin:0;padding:1rem 1.25rem;font-size:.8125rem;line-height:1.7;overflow-x:auto}.dark .page-module__Tjt4eq__filterCompareLayer{background:linear-gradient(135deg,#1e40af 0%,#4c1d95 50%,#9d174d 100%)}.page-module__Tjt4eq__tipsGrid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.page-module__Tjt4eq__tipCard{background:oklch(from var(--primary)l c h/.06);border-radius:var(--radius);border:1px solid oklch(from var(--primary)l c h/.1);padding:1.5rem}.page-module__Tjt4eq__tipIcon{background:var(--primary);color:#fff;width:2.5rem;height:2.5rem;font-size:1.25rem;font-weight:700;font-family:var(--font-jetbrains-mono),monospace;border-radius:50%;justify-content:center;align-items:center;margin-bottom:.75rem;display:inline-flex}.page-module__Tjt4eq__tipCard h4{color:var(--foreground);margin:0 0 .5rem;font-size:1rem;font-weight:700}.page-module__Tjt4eq__tipCard p{color:var(--muted-foreground);margin:0;font-size:.875rem;line-height:1.6}.page-module__Tjt4eq__tipCard code{font-family:var(--font-jetbrains-mono),monospace;background:var(--muted);border-radius:4px;padding:.125rem .375rem;font-size:.8125rem}.page-module__Tjt4eq__nextGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:700px;display:grid}.page-module__Tjt4eq__nextLink{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:inherit;align-items:center;gap:1rem;padding:1.5rem;text-decoration:none;transition:border-color .3s,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;position:relative;overflow:hidden}.page-module__Tjt4eq__nextLink:before{content:"";background:linear-gradient(to bottom,var(--primary),#4ea4ca);opacity:0;width:3px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}@supports (color:lab(0% 0 0)){.page-module__Tjt4eq__nextLink:before{background:linear-gradient(to bottom,var(--primary),lab(63.1292% -18.1274 -28.0657))}}.page-module__Tjt4eq__nextLink:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 12px 28px #357a3a1f,0 4px 10px #0000000f;box-shadow:0 12px 28px lab(45.7706% -33.6758 28.0119/.12),0 4px 10px lab(0% 0 0/.06)}.page-module__Tjt4eq__nextLink:hover:before{opacity:1}.page-module__Tjt4eq__nextIcon{font-size:2rem;font-family:var(--font-jetbrains-mono),monospace;color:var(--primary);flex-shrink:0}.page-module__Tjt4eq__nextLink h3{color:var(--foreground);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.page-module__Tjt4eq__nextLink p{color:var(--muted-foreground);margin:0;font-size:.8125rem}.dark .page-module__Tjt4eq__filterImage{background:linear-gradient(135deg,#1e40af,#6d28d9)}.dark .page-module__Tjt4eq__playgroundImage{background:linear-gradient(135deg,#1e40af 0%,#4c1d95 50%,#9d174d 100%)}@media (max-width:768px){.page-module__Tjt4eq__filterGrid{grid-template-columns:repeat(2,1fr)}.page-module__Tjt4eq__shadowGrid{grid-template-columns:1fr;gap:1.5rem}.page-module__Tjt4eq__hoverGrid{grid-template-columns:repeat(2,1fr)}.page-module__Tjt4eq__animatedFilters,.page-module__Tjt4eq__playgroundContainer{grid-template-columns:1fr}.page-module__Tjt4eq__controlsPanel{order:2}.page-module__Tjt4eq__playgroundPreview{order:1}.page-module__Tjt4eq__playgroundImage{height:280px}.page-module__Tjt4eq__filterCompareSlider{height:220px}.page-module__Tjt4eq__tipsGrid{grid-template-columns:1fr}.page-module__Tjt4eq__textEffects h3{font-size:1.75rem}.page-module__Tjt4eq__nextGrid{grid-template-columns:1fr}}@media (max-width:480px){.page-module__Tjt4eq__hoverGrid{grid-template-columns:1fr}.page-module__Tjt4eq__textEffects h3{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.page-module__Tjt4eq__gooBall,.page-module__Tjt4eq__pulseFilter,.page-module__Tjt4eq__rotateFilter,.page-module__Tjt4eq__glitchFilter,.page-module__Tjt4eq__hoverItem,.page-module__Tjt4eq__textBlurFilter,.page-module__Tjt4eq__nextLink{transition:none!important;animation:none!important}}