.pattern-preview.glitch-preview{--glitch-cyan:rgba(103,232,249,0.92);--glitch-magenta:rgba(244,114,182,0.92);--glitch-offset:1.6px;--glitch-shift:1.2px;--glitch-duration:1.6s;--glitch-burst-name:glitchFlicker;--glitch-band-a-name:glitchBandA;--glitch-band-b-name:glitchBandB;--glitch-burst-timing:steps(5,end);display:grid;align-content:center;place-items:center;padding:18px;height:180px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 50%,rgba(15,20,40,.92),rgba(6,10,22,.96))}.pattern-preview.glitch-preview.pattern-preview--inspector{height:auto;min-height:240px;padding:32px}.glitch-word{position:relative;display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:28px;font-weight:700;letter-spacing:.08em;color:rgba(248,250,255,.96);text-transform:uppercase;line-height:1.05}.glitch-word__base{position:relative;z-index:1;animation:var(--glitch-burst-name) var(--glitch-duration) var(--glitch-burst-timing) infinite}.glitch-word__layer{position:absolute;inset:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);mix-blend-mode:screen;will-change:transform,clip-path}.glitch-word__layer--cyan{color:var(--glitch-cyan);transform:translateX(calc(var(--glitch-offset) * -1));animation:var(--glitch-band-a-name) var(--glitch-duration) var(--glitch-burst-timing) infinite}.glitch-word__layer--magenta{color:var(--glitch-magenta);transform:translateX(var(--glitch-offset));animation:var(--glitch-band-b-name) var(--glitch-duration) var(--glitch-burst-timing) infinite}.glitch-preview:not(.pattern-preview--inspector) .glitch-word__base,.glitch-preview:not(.pattern-preview--inspector) .glitch-word__layer{animation-duration:2.4s}@keyframes glitchFlicker{0%,60%,to{filter:none}63%{filter:brightness(1.45) saturate(1.5) contrast(1.15)}69%{filter:brightness(.72) contrast(1.3)}76%{filter:brightness(1.35) hue-rotate(8deg) saturate(1.55)}84%{filter:brightness(.88) contrast(1.18)}91%{filter:brightness(1.25) hue-rotate(-6deg) saturate(1.4)}}@keyframes glitchBandA{0%,60%,to{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);transform:translateX(calc(var(--glitch-shift) * -1))}63%{-webkit-clip-path:inset(8% 0 78% 0);clip-path:inset(8% 0 78% 0);transform:translateX(calc(var(--glitch-shift) * -3))}69%{-webkit-clip-path:inset(42% 0 38% 0);clip-path:inset(42% 0 38% 0);transform:translateX(calc(var(--glitch-shift) * 2.5))}74%{-webkit-clip-path:inset(18% 0 60% 0);clip-path:inset(18% 0 60% 0);transform:translateX(calc(var(--glitch-shift) * -3.5))}80%{-webkit-clip-path:inset(58% 0 12% 0);clip-path:inset(58% 0 12% 0);transform:translateX(calc(var(--glitch-shift) * 2))}86%{-webkit-clip-path:inset(28% 0 48% 0);clip-path:inset(28% 0 48% 0);transform:translateX(calc(var(--glitch-shift) * -2.5))}92%{-webkit-clip-path:inset(70% 0 6% 0);clip-path:inset(70% 0 6% 0);transform:translateX(calc(var(--glitch-shift) * 1.5))}}@keyframes glitchBandB{0%,60%,to{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);transform:translateX(var(--glitch-shift))}64%{-webkit-clip-path:inset(34% 0 50% 0);clip-path:inset(34% 0 50% 0);transform:translateX(calc(var(--glitch-shift) * 3))}70%{-webkit-clip-path:inset(8% 0 70% 0);clip-path:inset(8% 0 70% 0);transform:translateX(calc(var(--glitch-shift) * -2.5))}76%{-webkit-clip-path:inset(50% 0 22% 0);clip-path:inset(50% 0 22% 0);transform:translateX(calc(var(--glitch-shift) * 2.8))}82%{-webkit-clip-path:inset(20% 0 60% 0);clip-path:inset(20% 0 60% 0);transform:translateX(calc(var(--glitch-shift) * -2))}88%{-webkit-clip-path:inset(64% 0 14% 0);clip-path:inset(64% 0 14% 0);transform:translateX(calc(var(--glitch-shift) * 2.5))}94%{-webkit-clip-path:inset(40% 0 38% 0);clip-path:inset(40% 0 38% 0);transform:translateX(calc(var(--glitch-shift) * -3))}}@keyframes glitchDrift{0%,to{filter:brightness(1.05) saturate(1.1)}25%{filter:brightness(1.18) saturate(1.25) contrast(1.08)}50%{filter:brightness(.92) contrast(1.18) hue-rotate(4deg)}72%{filter:brightness(1.22) saturate(1.35)}85%{filter:brightness(.95) contrast(1.12) hue-rotate(-3deg)}}@keyframes glitchScanlineA{0%{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);transform:translateX(calc(var(--glitch-shift) * -2))}18%{-webkit-clip-path:inset(72% 0 14% 0);clip-path:inset(72% 0 14% 0);transform:translateX(calc(var(--glitch-shift) * -3.5))}32%{-webkit-clip-path:inset(48% 0 38% 0);clip-path:inset(48% 0 38% 0);transform:translateX(calc(var(--glitch-shift) * -1.5))}46%{-webkit-clip-path:inset(36% 0 50% 0);clip-path:inset(36% 0 50% 0);transform:translateX(calc(var(--glitch-shift) * -3))}62%{-webkit-clip-path:inset(20% 0 68% 0);clip-path:inset(20% 0 68% 0);transform:translateX(calc(var(--glitch-shift) * -2))}78%{-webkit-clip-path:inset(6% 0 84% 0);clip-path:inset(6% 0 84% 0);transform:translateX(calc(var(--glitch-shift) * -3.5))}to{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);transform:translateX(calc(var(--glitch-shift) * -2))}}@keyframes glitchScanlineB{0%{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);transform:translateX(calc(var(--glitch-shift) * 2))}22%{-webkit-clip-path:inset(14% 0 72% 0);clip-path:inset(14% 0 72% 0);transform:translateX(calc(var(--glitch-shift) * 3.2))}38%{-webkit-clip-path:inset(46% 0 36% 0);clip-path:inset(46% 0 36% 0);transform:translateX(calc(var(--glitch-shift) * 1.5))}54%{-webkit-clip-path:inset(54% 0 30% 0);clip-path:inset(54% 0 30% 0);transform:translateX(calc(var(--glitch-shift) * 3))}70%{-webkit-clip-path:inset(74% 0 12% 0);clip-path:inset(74% 0 12% 0);transform:translateX(calc(var(--glitch-shift) * 2))}86%{-webkit-clip-path:inset(88% 0 4% 0);clip-path:inset(88% 0 4% 0);transform:translateX(calc(var(--glitch-shift) * 3.2))}to{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);transform:translateX(calc(var(--glitch-shift) * 2))}}@keyframes glitchStutter{0%,40%,75%,to{filter:none}50%{filter:contrast(1.3) brightness(1.15)}85%{filter:saturate(1.4)}}@keyframes glitchStutterA{0%,to{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);transform:translateX(calc(var(--glitch-shift) * -1))}20%{-webkit-clip-path:inset(8% 0 80% 0);clip-path:inset(8% 0 80% 0);transform:translateX(calc(var(--glitch-shift) * -2))}40%{-webkit-clip-path:inset(60% 0 12% 0);clip-path:inset(60% 0 12% 0);transform:translateX(calc(var(--glitch-shift) * 1.5))}55%{-webkit-clip-path:inset(28% 0 48% 0);clip-path:inset(28% 0 48% 0);transform:translateX(calc(var(--glitch-shift) * -2.5))}75%{-webkit-clip-path:inset(72% 0 6% 0);clip-path:inset(72% 0 6% 0);transform:translateX(var(--glitch-shift))}}@keyframes glitchStutterB{0%,to{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);transform:translateX(var(--glitch-shift))}22%{-webkit-clip-path:inset(44% 0 40% 0);clip-path:inset(44% 0 40% 0);transform:translateX(calc(var(--glitch-shift) * 2))}44%{-webkit-clip-path:inset(14% 0 70% 0);clip-path:inset(14% 0 70% 0);transform:translateX(calc(var(--glitch-shift) * -1.5))}60%{-webkit-clip-path:inset(62% 0 18% 0);clip-path:inset(62% 0 18% 0);transform:translateX(calc(var(--glitch-shift) * 2))}80%{-webkit-clip-path:inset(36% 0 48% 0);clip-path:inset(36% 0 48% 0);transform:translateX(calc(var(--glitch-shift) * -1))}}@media (prefers-reduced-motion:reduce){.glitch-word__base,.glitch-word__layer{animation:none}.glitch-word__layer{opacity:0}}