.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}}.gooey-blob{display:grid;place-items:center;place-content:center}.gooey-blob__svg{position:relative;z-index:1;width:min(100%,210px);height:auto;overflow:visible;color:var(--gooey-accent);filter:drop-shadow(0 0 18px var(--gooey-glow))}.pattern-preview--inspector .gooey-blob__svg{width:min(100%,280px)}.gooey-blob__group{fill:var(--gooey-accent)}.gooey-blob__shape{transform-box:fill-box;transform-origin:center}.gooey-blob--cluster .gooey-blob__shape--one{animation:gooey-cluster-pull-right var(--gooey-duration,3.8s) ease-in-out infinite alternate}.gooey-blob--cluster .gooey-blob__shape--two{animation:gooey-cluster-pull-left var(--gooey-duration,3.8s) ease-in-out infinite alternate}.gooey-blob--cluster .gooey-blob__shape--three{animation:gooey-cluster-descend var(--gooey-duration,3.8s) ease-in-out infinite alternate}.gooey-blob--pill .gooey-blob__shape--one{animation:gooey-pill-press-right var(--gooey-duration,4.4s) ease-in-out infinite alternate}.gooey-blob--pill .gooey-blob__shape--two{animation:gooey-pill-press-left var(--gooey-duration,4.4s) ease-in-out infinite alternate}.gooey-blob--pill .gooey-blob__shape--three{animation:gooey-pill-drift-in var(--gooey-duration,4.4s) ease-in-out infinite alternate}.gooey-blob--orbit .gooey-blob__shape--one{animation:gooey-orbit-breathe var(--gooey-duration,5.2s) ease-in-out infinite alternate}.gooey-blob--orbit .gooey-blob__shape--four,.gooey-blob--orbit .gooey-blob__shape--three,.gooey-blob--orbit .gooey-blob__shape--two{transform-box:view-box;transform-origin:91px 90px}.gooey-blob--orbit .gooey-blob__shape--two{animation:gooey-orbit-rotate-cw var(--gooey-duration,5.2s) linear infinite}.gooey-blob--orbit .gooey-blob__shape--three{animation:gooey-orbit-rotate-ccw calc(var(--gooey-duration, 5.2s) * 1.4) linear infinite}.gooey-blob--orbit .gooey-blob__shape--four{animation:gooey-orbit-rotate-cw calc(var(--gooey-duration, 5.2s) * .7) linear infinite}@keyframes gooey-cluster-pull-right{to{transform:translateX(calc(10px * var(--gooey-intensity, 1)))}}@keyframes gooey-cluster-pull-left{to{transform:translateX(calc(-12px * var(--gooey-intensity, 1)))}}@keyframes gooey-cluster-descend{to{transform:translateY(calc(10px * var(--gooey-intensity, 1)))}}@keyframes gooey-pill-press-right{to{transform:translateX(calc(8px * var(--gooey-intensity, 1)))}}@keyframes gooey-pill-press-left{to{transform:translateX(calc(-6px * var(--gooey-intensity, 1)))}}@keyframes gooey-pill-drift-in{to{transform:translate(calc(-4px * var(--gooey-intensity, 1)),calc(8px * var(--gooey-intensity, 1)))}}@keyframes gooey-orbit-breathe{0%{transform:scale(1)}to{transform:scale(calc(1 + .05 * var(--gooey-intensity, 1)))}}@keyframes gooey-orbit-rotate-cw{0%{transform:scale(var(--gooey-intensity,1)) rotate(0deg)}to{transform:scale(var(--gooey-intensity,1)) rotate(1turn)}}@keyframes gooey-orbit-rotate-ccw{0%{transform:scale(var(--gooey-intensity,1)) rotate(0deg)}to{transform:scale(var(--gooey-intensity,1)) rotate(-1turn)}}@media (prefers-reduced-motion:reduce){.gooey-blob__shape{animation:none}}.metaball-stage{display:grid;place-items:center;place-content:center}.metaball-stage__svg{width:100%;max-width:240px;overflow:visible}.pattern-preview--inspector .metaball-stage__svg{max-width:360px}.metaball-stage__anchor,.metaball-stage__sat{transform-box:fill-box;transform-origin:center;animation-duration:var(--metaball-duration,4.6s);animation-iteration-count:infinite}.metaball-stage--drift .metaball-stage__anchor{animation-name:metaball-breath;animation-timing-function:ease-in-out}.metaball-stage--drift .metaball-stage__sat{animation-timing-function:ease-in-out}.metaball-stage--drift .metaball-stage__sat--one{animation-name:metaball-drift-one}.metaball-stage--drift .metaball-stage__sat--two{animation-name:metaball-drift-two}.metaball-stage--drift .metaball-stage__sat--three{animation-name:metaball-drift-three}.metaball-stage--drift .metaball-stage__sat--four{animation-name:metaball-drift-four}.metaball-stage--pulse .metaball-stage__anchor{animation-name:metaball-anchor-contract;animation-timing-function:ease-in-out}.metaball-stage--pulse .metaball-stage__sat{animation-name:metaball-sat-pulse;animation-timing-function:ease-in-out}.metaball-stage--pulse .metaball-stage__sat--one{animation-delay:0s}.metaball-stage--pulse .metaball-stage__sat--two{animation-delay:calc(var(--metaball-duration, 4.6s) * -.18)}.metaball-stage--pulse .metaball-stage__sat--three{animation-delay:calc(var(--metaball-duration, 4.6s) * -.06)}.metaball-stage--pulse .metaball-stage__sat--four{animation-delay:calc(var(--metaball-duration, 4.6s) * -.24)}.metaball-stage--orbit .metaball-stage__anchor{animation-name:metaball-breath;animation-timing-function:ease-in-out}.metaball-stage--orbit .metaball-stage__orbit{transform-box:view-box;transform-origin:100px 82px;animation:metaball-orbit-cw var(--metaball-duration,5.4s) linear infinite}.metaball-stage--orbit .metaball-stage__orbit--one{animation-delay:0s}.metaball-stage--orbit .metaball-stage__orbit--two{animation-delay:calc(var(--metaball-duration, 5.4s) * -.25)}.metaball-stage--orbit .metaball-stage__orbit--three{animation-delay:calc(var(--metaball-duration, 5.4s) * -.5)}.metaball-stage--orbit .metaball-stage__orbit--four{animation-delay:calc(var(--metaball-duration, 5.4s) * -.75)}.metaball-stage--orbit .metaball-stage__sat{animation-name:metaball-sat-bridge;animation-timing-function:ease-in-out}@keyframes metaball-breath{0%,to{transform:scale(1)}50%{transform:scale(calc(1 + .04 * var(--metaball-intensity, 1)))}}@keyframes metaball-anchor-contract{0%,to{transform:scale(1)}50%{transform:scale(calc(1 - .12 * var(--metaball-intensity, 1)))}}@keyframes metaball-sat-pulse{0%,to{transform:scale(1)}50%{transform:scale(calc(1 + .32 * var(--metaball-intensity, 1)))}}@keyframes metaball-orbit-cw{to{transform:rotate(1turn)}}@keyframes metaball-sat-bridge{0%,to{transform:scale(1)}50%{transform:scale(calc(1 + .18 * var(--metaball-intensity, 1)))}}@keyframes metaball-drift-one{0%,to{transform:translate(0)}50%{transform:translate(calc(20px * var(--metaball-intensity, 1)),calc(14px * var(--metaball-intensity, 1)))}}@keyframes metaball-drift-two{0%,to{transform:translate(0)}50%{transform:translate(calc(-22px * var(--metaball-intensity, 1)),calc(18px * var(--metaball-intensity, 1)))}}@keyframes metaball-drift-three{0%,to{transform:translate(0)}50%{transform:translate(calc(-24px * var(--metaball-intensity, 1)),calc(-16px * var(--metaball-intensity, 1)))}}@keyframes metaball-drift-four{0%,to{transform:translate(0)}50%{transform:translate(calc(18px * var(--metaball-intensity, 1)),calc(-14px * var(--metaball-intensity, 1)))}}@media (prefers-reduced-motion:reduce){.metaball-stage__anchor,.metaball-stage__orbit,.metaball-stage__sat{animation:none}}.rainbow-stage{display:grid;place-items:center;place-content:center}.rainbow-stage__text{color:var(--rainbow-fallback,#dbeafe);font-size:clamp(1.5rem,3vw,2.6rem);font-weight:900;letter-spacing:.01em;line-height:1;white-space:nowrap}.pattern-preview--inspector .rainbow-stage__text{font-size:clamp(2rem,4vw,3.4rem)}@supports (((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text)){.rainbow-stage__text{background-image:var(--rainbow-gradient);background-size:var(--rainbow-bg-size,300% 100%);background-position:0 50%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 var(--rainbow-glow,14px) var(--rainbow-shadow,rgba(244,114,182,.26)));animation:rainbow-text-sweep var(--rainbow-duration,4.8s) linear infinite}}@keyframes rainbow-text-sweep{0%{background-position:0 50%}to{background-position:100% 50%}}@media (prefers-reduced-motion:reduce){.rainbow-stage__text{animation:none;background-position:55% 50%}}.pattern-preview--sweep{display:grid;place-items:center;container-type:inline-size;padding-inline:18px}.sweep-word{position:relative;z-index:1;max-width:100%;margin:0;color:var(--sweep-fallback);font-size:clamp(1.05rem,8cqi,1.55rem);font-weight:850;line-height:1.05;text-align:center;letter-spacing:-.01em;white-space:normal;word-break:normal;text-wrap:balance}.pattern-preview--sweep.pattern-preview--inspector .sweep-word{font-size:clamp(1.6rem,9cqi,2.6rem)}@supports (((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text)){.sweep-word{background-image:var(--sweep-gradient);background-size:var(--sweep-band,260% 100%);background-position:0 50%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 0 var(--sweep-glow,14px) var(--sweep-shadow)}.sweep-word--launch{animation:sweep-launch var(--sweep-duration,4.4s) cubic-bezier(.55,.05,.25,1) infinite}.sweep-word--command{animation:sweep-command var(--sweep-duration,3.2s) ease-in-out infinite}.sweep-word--editorial{animation:sweep-editorial var(--sweep-duration,5.6s) linear infinite}}@keyframes sweep-launch{0%{background-position:-10% 50%;text-shadow:0 0 calc(var(--sweep-glow, 14px) * .3) var(--sweep-shadow);filter:brightness(.95)}20%{background-position:20% 50%;text-shadow:0 0 calc(var(--sweep-glow, 14px) * .7) var(--sweep-shadow);filter:brightness(1)}45%{background-position:45% 50%;text-shadow:0 0 calc(var(--sweep-glow, 14px) * 1.5) var(--sweep-shadow);filter:brightness(1.14)}55%{background-position:55% 50%;text-shadow:0 0 calc(var(--sweep-glow, 14px) * 1.5) var(--sweep-shadow);filter:brightness(1.14)}80%{background-position:80% 50%;text-shadow:0 0 calc(var(--sweep-glow, 14px) * .7) var(--sweep-shadow);filter:brightness(1)}to{background-position:110% 50%;text-shadow:0 0 calc(var(--sweep-glow, 14px) * .3) var(--sweep-shadow);filter:brightness(.95)}}@keyframes sweep-command{0%{background-position:0 50%;text-shadow:0 0 calc(var(--sweep-glow, 10px) * .4) var(--sweep-shadow)}14%{background-position:50% 50%;text-shadow:0 0 var(--sweep-glow,10px) var(--sweep-shadow)}22%{background-position:100% 50%;text-shadow:0 0 calc(var(--sweep-glow, 10px) * .4) var(--sweep-shadow)}30%{background-position:0 50%;text-shadow:0 0 calc(var(--sweep-glow, 10px) * .4) var(--sweep-shadow)}44%{background-position:50% 50%;text-shadow:0 0 var(--sweep-glow,10px) var(--sweep-shadow)}52%{background-position:100% 50%;text-shadow:0 0 calc(var(--sweep-glow, 10px) * .4) var(--sweep-shadow)}to{background-position:100% 50%;text-shadow:0 0 calc(var(--sweep-glow, 10px) * .4) var(--sweep-shadow)}}@keyframes sweep-editorial{0%{background-position:0 50%;filter:brightness(1)}50%{filter:brightness(1.06)}to{background-position:100% 50%;filter:brightness(1)}}@media (prefers-reduced-motion:reduce){.sweep-word--command,.sweep-word--editorial,.sweep-word--launch{animation:none;background-position:50% 50%;text-shadow:0 0 calc(var(--sweep-glow, 14px) * .6) var(--sweep-shadow);filter:none}}.accordion-shell-panel .pattern-card{grid-template-rows:348px 1fr auto}.pattern-preview.accordion-preview{position:relative;display:grid;place-content:start stretch;padding:22px 18px 18px;height:348px;overflow:hidden;isolation:isolate}.pattern-preview.accordion-preview.pattern-preview--inspector{height:auto;min-height:220px;padding:22px 22px 24px}.accordion-badge{display:none}.accordion-list{display:flex;flex-direction:column;gap:8px;width:100%;max-width:340px;min-height:290px;margin:0 auto}.pattern-preview.accordion-preview.pattern-preview--inspector .accordion-list{min-height:0}.accordion-item{background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.14);border-radius:10px;padding:0 14px;transition:background-color var(--accordion-duration,.3s) ease,border-color var(--accordion-duration,.3s) ease}.accordion-item[data-open=true]{background:rgba(15,23,42,.78);border-color:color-mix(in srgb,var(--accordion-accent,#7dd3fc) 30%,rgba(148,163,184,.18))}.accordion-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:9px 2px;border:0;background:transparent;color:rgba(241,245,249,.92);font:inherit;font-size:.84rem;font-weight:600;letter-spacing:.01em;cursor:pointer;text-align:left;border-radius:6px}.accordion-trigger:focus-visible{outline:2px solid var(--accordion-accent,#7dd3fc);outline-offset:2px}.accordion-trigger__label{display:flex;flex:1 1;flex-direction:column;min-width:0}.accordion-trigger__heading{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:normal}.accordion-trigger__summary{margin-top:2px;font-size:.72rem;font-weight:500;color:rgba(148,163,184,.78);letter-spacing:.01em}.accordion-chevron{font-size:.72rem;color:rgba(148,163,184,.78);transition:transform var(--accordion-duration,.3s) ease,color var(--accordion-duration,.3s) ease;flex-shrink:0}.accordion-item[data-open=true] .accordion-chevron{transform:rotate(180deg);color:var(--accordion-accent,#7dd3fc)}.accordion-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--accordion-duration,.3s) ease}.accordion-item[data-open=true] .accordion-panel{grid-template-rows:1fr}.accordion-panel__inner{overflow:hidden;min-height:0}.accordion-panel__inner>p{margin:0 0 12px;font-size:.78rem;font-weight:400;line-height:1.55;color:rgba(203,213,225,.82)}.accordion-preview--faq .accordion-trigger__heading{color:rgba(241,245,249,.95)}.accordion-step-index{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:rgba(15,23,42,.7);border:1px solid rgba(240,171,252,.32);color:rgba(240,171,252,.85);font-size:.72rem;font-weight:700;flex-shrink:0}.accordion-item--active .accordion-step-index{background:color-mix(in srgb,var(--accordion-accent,#f0abfc) 30%,#0f172a);border-color:var(--accordion-accent,#f0abfc);color:rgba(255,255,255,.96);box-shadow:0 0 10px color-mix(in srgb,var(--accordion-accent,#f0abfc) 40%,transparent)}.accordion-preview--stepper .accordion-trigger__heading{color:rgba(241,245,249,.92)}.accordion-preview--stepper .accordion-item:not(.accordion-item--active) .accordion-trigger__heading{color:rgba(241,245,249,.7)}.accordion-count{padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--accordion-accent,#fde047) 18%,transparent);border:1px solid color-mix(in srgb,var(--accordion-accent,#fde047) 40%,transparent);color:color-mix(in srgb,var(--accordion-accent,#fde047) 90%,white);font-size:.66rem;font-weight:600;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.accordion-preview--filters .accordion-trigger__heading{color:rgba(241,245,249,.95)}@media (prefers-reduced-motion:reduce){.accordion-chevron,.accordion-panel{transition:none}}.pattern-preview.heart-preview{position:relative;display:grid;place-items:center;padding:18px;height:180px;overflow:hidden;isolation:isolate}.pattern-preview.heart-preview.pattern-preview--inspector{height:auto;min-height:220px;align-content:center;gap:14px}.heart-preview__hint{margin:0;font-size:.78rem;color:rgba(203,213,225,.72);text-align:center}.heart-button{position:relative;display:inline-flex;align-items:center;gap:10px;padding:9px 16px 9px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.25);background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,6,23,.92));color:rgba(203,213,225,.78);font:inherit;font-size:.86rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:color .18s ease,border-color .18s ease,background-color .18s ease}.heart-button:hover{border-color:color-mix(in srgb,var(--heart-accent,#f43f5e) 32%,rgba(148,163,184,.25))}.heart-button:focus-visible{outline:2px solid var(--heart-accent,#f43f5e);outline-offset:3px}.heart-button--liked{color:var(--heart-accent,#f43f5e);border-color:color-mix(in srgb,var(--heart-accent,#f43f5e) 50%,rgba(148,163,184,.25));background:linear-gradient(180deg,color-mix(in srgb,var(--heart-accent,#f43f5e) 12%,rgba(15,23,42,.92)),rgba(2,6,23,.92))}.heart-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:rgba(148,163,184,.55);transform-origin:center;transition:color var(--heart-duration,.42s) ease}.heart-icon svg{width:100%;height:100%;display:block}.heart-button--liked .heart-icon{color:var(--heart-accent,#f43f5e);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--heart-accent,#f43f5e) 45%,transparent))}.heart-button__count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.heart-particle-layer{left:18px;width:22px;height:22px;transform:translateY(-50%)}.heart-particle,.heart-particle-layer{position:absolute;top:50%;pointer-events:none}.heart-particle{left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--heart-accent,#ec4899);opacity:0;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--heart-accent,#ec4899) 60%,transparent))}.heart-preview:not(.pattern-preview--inspector) .heart-button{animation:stageButtonPulse 3.6s ease-out infinite}.heart-preview:not(.pattern-preview--inspector) .heart-icon{animation:stageHeartPop 3.6s ease-out infinite}@keyframes stageButtonPulse{0%,28%{transform:scale(1);border-color:rgba(148,163,184,.25)}32%{transform:scale(.94)}40%{transform:scale(1.1);border-color:color-mix(in srgb,var(--heart-accent,#f43f5e) 55%,rgba(148,163,184,.25))}50%,86%{transform:scale(1);border-color:color-mix(in srgb,var(--heart-accent,#f43f5e) 55%,rgba(148,163,184,.25))}92%,to{transform:scale(1);border-color:rgba(148,163,184,.25)}}@keyframes stageHeartPop{0%,32%{transform:scale(1);color:rgba(148,163,184,.55)}40%{transform:scale(1.3);color:var(--heart-accent,#f43f5e);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--heart-accent,#f43f5e) 50%,transparent))}50%,86%{transform:scale(1);color:var(--heart-accent,#f43f5e);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--heart-accent,#f43f5e) 35%,transparent))}92%,to{transform:scale(1);color:rgba(148,163,184,.55);filter:none}}.heart-preview--particleBurst:not(.pattern-preview--inspector) .heart-particle{animation:stageParticleFly 3.6s ease-out infinite}.heart-preview--particleBurst:not(.pattern-preview--inspector) .heart-particle:first-child{--pdx:36px;--pdy:0px}.heart-preview--particleBurst:not(.pattern-preview--inspector) .heart-particle:nth-child(2){--pdx:18px;--pdy:31px}.heart-preview--particleBurst:not(.pattern-preview--inspector) .heart-particle:nth-child(3){--pdx:-18px;--pdy:31px}.heart-preview--particleBurst:not(.pattern-preview--inspector) .heart-particle:nth-child(4){--pdx:-36px;--pdy:0px}.heart-preview--particleBurst:not(.pattern-preview--inspector) .heart-particle:nth-child(5){--pdx:-18px;--pdy:-31px}.heart-preview--particleBurst:not(.pattern-preview--inspector) .heart-particle:nth-child(6){--pdx:18px;--pdy:-31px}@keyframes stageParticleFly{0%,36%{opacity:0;transform:translate(0) scale(.2)}44%{opacity:1;transform:translate(0) scale(.4)}62%{opacity:0;transform:translate(var(--pdx,36px),var(--pdy,0)) scale(1)}to{opacity:0;transform:translate(var(--pdx,36px),var(--pdy,0)) scale(1)}}.heart-preview--balloonRain{position:relative}.heart-balloon-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;isolation:isolate}.heart-balloon{position:absolute;bottom:50%;left:50%;display:inline-flex;align-items:center;justify-content:center;width:7px;height:7px;color:#f472b6;opacity:0;animation:balloonFloatUp 3.6s ease-out infinite;animation-delay:var(--delay,0s);filter:drop-shadow(0 0 4px color-mix(in srgb,currentColor 50%,transparent))}.heart-preview--inspector .heart-balloon,.heart-preview--inspector .heart-balloon-ripple{animation-iteration-count:1;animation-fill-mode:forwards}body:has(dialog.inspector-dialog[open]) .heart-preview:not(.pattern-preview--inspector) .heart-balloon-layer{visibility:hidden}.heart-balloon svg{width:100%;height:100%;fill:currentColor;display:block}.heart-balloon-ripple{position:absolute;bottom:50%;left:50%;width:38px;height:38px;border-radius:50%;border:2px solid color-mix(in srgb,var(--heart-accent,#f472b6) 60%,transparent);transform:translate(-50%);opacity:0;pointer-events:none;animation:balloonRippleOut 3.6s ease-out infinite}.heart-balloon--1{color:#f472b6;--bx:-42px;--bx-end:-58px;--delay:0.00s;width:8px;height:8px}.heart-balloon--2{color:#a78bfa;--bx:16px;--bx-end:30px;--delay:0.10s;width:7px;height:7px}.heart-balloon--3{color:#fbbf24;--bx:-12px;--bx-end:-4px;--delay:0.18s;width:9px;height:9px}.heart-balloon--4{color:#34d399;--bx:36px;--bx-end:48px;--delay:0.26s;width:7px;height:7px}.heart-balloon--5{color:#67e8f9;--bx:-24px;--bx-end:-32px;--delay:0.34s;width:8px;height:8px}.heart-balloon--6{color:#fb7185;--bx:8px;--bx-end:18px;--delay:0.42s;width:8px;height:8px}.heart-balloon--7{color:#f0abfc;--bx:-30px;--bx-end:-38px;--delay:0.50s;width:7px;height:7px}.heart-balloon--8{color:#f472b6;--bx:28px;--bx-end:40px;--delay:0.58s;width:6px;height:6px}.heart-balloon--9{color:#a78bfa;--bx:-4px;--bx-end:2px;--delay:0.66s;width:8px;height:8px}.heart-balloon--10{color:#fbbf24;--bx:-18px;--bx-end:-22px;--delay:0.74s;width:7px;height:7px}.heart-balloon--11{color:#34d399;--bx:22px;--bx-end:30px;--delay:0.82s;width:8px;height:8px}.heart-balloon--12{color:#67e8f9;--bx:-36px;--bx-end:-44px;--delay:0.90s;width:6px;height:6px}.heart-balloon--13{color:#fb7185;--bx:44px;--bx-end:56px;--delay:0.98s;width:7px;height:7px}.heart-balloon--14{color:#f0abfc;--bx:-8px;--bx-end:-2px;--delay:1.06s;width:9px;height:9px}.heart-balloon--15{color:#f472b6;--bx:32px;--bx-end:42px;--delay:1.14s;width:7px;height:7px}.heart-balloon--16{color:#a78bfa;--bx:-22px;--bx-end:-28px;--delay:1.22s;width:6px;height:6px}.heart-balloon--17{color:#34d399;--bx:10px;--bx-end:16px;--delay:1.30s;width:7px;height:7px}.heart-balloon--18{color:#fbbf24;--bx:-38px;--bx-end:-46px;--delay:1.38s;width:6px;height:6px}@keyframes balloonFloatUp{0%,30%{opacity:0;transform:translate(calc(-50% + var(--bx, 0px))) scale(.4)}36%{opacity:1;transform:translate(calc(-50% + var(--bx, 0px)),-6px) scale(1)}56%{opacity:1;transform:translate(calc(-50% + var(--bx-end, 0px)),-52px) scale(1)}66%,to{opacity:0;transform:translate(calc(-50% + var(--bx-end, 0px)),-82px) scale(.6)}}@keyframes balloonRippleOut{0%,30%{opacity:0;transform:translate(-50%) scale(.6)}36%{opacity:.7;transform:translate(-50%) scale(.6)}60%{opacity:0;transform:translate(-50%) scale(2.4)}to{opacity:0}}@media (prefers-reduced-motion:reduce){.heart-icon{transition:none}.heart-balloon,.heart-balloon-ripple{animation:none;opacity:0}}.handwritten-stage{display:grid;place-items:center;place-content:center}.handwritten-stage__svg{width:min(92%,280px);height:auto;filter:drop-shadow(0 0 18px var(--handwritten-glow));overflow:visible}.pattern-preview--inspector .handwritten-stage__svg{width:min(82%,460px)}.handwritten-stage__word{fill:var(--handwritten-accent);font-family:Brush Script MT,Segoe Script,Snell Roundhand,cursive;font-weight:700;letter-spacing:0}.handwritten-stage__mask-stroke{stroke-width:calc(var(--handwritten-mask-base-width, 70px) * var(--handwritten-intensity, 1));stroke-dasharray:1;stroke-dashoffset:1;animation:handwritten-reveal var(--handwritten-duration,5s) cubic-bezier(.55,.05,.35,.95) infinite}@keyframes handwritten-reveal{0%,6%{stroke-dashoffset:1}46%{stroke-dashoffset:0}82%{stroke-dashoffset:0}92%,to{stroke-dashoffset:1}}@media (prefers-reduced-motion:reduce){.handwritten-stage__mask-stroke{animation:none;stroke-dashoffset:0}}.pattern-preview.marquee-preview{display:grid;align-content:center;grid-gap:10px;gap:10px;padding:14px;min-height:180px;background:radial-gradient(circle at 30% 50%,var(--marquee-highlight),transparent 48%),linear-gradient(180deg,var(--marquee-base),var(--marquee-base-strong));overflow:hidden;isolation:isolate}.pattern-preview.marquee-preview--motion-pair{align-content:center;gap:12px}.marquee-viewport{position:relative;overflow:hidden;border-radius:10px;padding:8px 0;background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.marquee-track{display:inline-flex;align-items:center;gap:var(--marquee-gap);padding-inline:var(--marquee-gap);white-space:nowrap;width:max-content;animation:marqueeDrift var(--marquee-duration) linear infinite;will-change:transform}.marquee-track--reverse{animation-direction:reverse}@keyframes marqueeDrift{0%{transform:translateX(0)}to{transform:translateX(calc(-50% - (var(--marquee-gap) / 2)))}}.marquee-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.06);color:rgba(248,250,255,.92);font-size:11px;font-weight:500;letter-spacing:.02em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.marquee-chip__dot{width:6px;height:6px;border-radius:999px;background:var(--marquee-accent);box-shadow:0 0 6px var(--marquee-accent)}.marquee-headline{display:inline-flex;align-items:center;padding:6px 14px;color:rgba(248,250,255,.94);font-size:13px;font-weight:500;letter-spacing:.005em;text-decoration:underline;-webkit-text-decoration-color:rgba(255,255,255,.18);text-decoration-color:rgba(255,255,255,.18);text-decoration-thickness:1px;text-underline-offset:4px}.marquee-headline:before{content:"";display:inline-block;width:4px;height:4px;margin-right:12px;border-radius:999px;background:var(--marquee-accent);vertical-align:middle}.marquee-preview--motion-hover .marquee-viewport:focus-within .marquee-track,.marquee-preview--motion-hover .marquee-viewport:hover .marquee-track{animation-play-state:paused}.marquee-logo{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 8px;border-radius:8px;background:rgba(255,255,255,.04);color:rgba(248,250,255,.86);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.marquee-logo__mark{width:14px;height:14px;border-radius:4px;background:linear-gradient(135deg,var(--marquee-accent),color-mix(in srgb,var(--marquee-accent) 40%,transparent));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.marquee-logo__text{line-height:1}.detail-hero__preview .pattern-preview.marquee-preview{padding:18px 22px}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none;flex-wrap:wrap;width:100%;justify-content:center}}.pattern-preview.moving-bg-preview{position:relative;display:grid;grid-template-columns:1fr;align-content:stretch;grid-gap:10px;gap:10px;padding:14px;height:180px;background:var(--bg-base,#0e1a2c);overflow:hidden;isolation:isolate}.moving-bg-badge{position:absolute;top:8px;right:10px;z-index:2;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--bg-accent-a,#67e8f9);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.moving-bg-viewport{position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden;background:var(--bg-base-strong,#16263e);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.moving-bg-viewport:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent 8%,transparent 92%,rgba(0,0,0,.5))}.moving-bg-surface{position:absolute;inset:0;will-change:background-position}.moving-bg-preview--motion-horizon .moving-bg-surface{background-image:radial-gradient(ellipse 55% 90% at 12% 50%,rgba(103,232,249,.55),transparent 65%),radial-gradient(ellipse 60% 95% at 36% 50%,rgba(167,139,250,.62),transparent 70%),radial-gradient(ellipse 55% 90% at 62% 50%,rgba(244,114,182,.58),transparent 68%),radial-gradient(ellipse 55% 90% at 86% 50%,rgba(110,231,249,.5),transparent 65%),linear-gradient(96deg,#0a1428,#121730 24%,#1c1a3c 46%,#2a1130 64%,#1a1635 82%,#0a1428);background-size:380% 100%;background-position:0 50%;animation:movingBgPanX var(--bg-duration) linear infinite}@keyframes movingBgPanX{0%{background-position:0 50%}to{background-position:100% 50%}}.moving-bg-preview--motion-vertical .moving-bg-surface{background-image:radial-gradient(ellipse 90% 55% at 50% 12%,rgba(167,139,250,.55),transparent 65%),radial-gradient(ellipse 95% 60% at 50% 36%,rgba(56,189,248,.62),transparent 70%),radial-gradient(ellipse 90% 55% at 50% 62%,rgba(110,231,249,.58),transparent 68%),radial-gradient(ellipse 90% 55% at 50% 86%,rgba(167,139,250,.5),transparent 65%),linear-gradient(186deg,#0a1428,#121a32 24%,#14213c 46%,#18293f 64%,#121a32 82%,#0a1428);background-size:100% 380%;background-position:50% 0;animation:movingBgPanY var(--bg-duration) linear infinite}@keyframes movingBgPanY{0%{background-position:50% 0}to{background-position:50% 100%}}.moving-bg-preview--motion-parallax .moving-bg-surface{--bg-fg-duration:calc(var(--bg-duration) * 0.5);background-image:radial-gradient(ellipse 55% 95% at 12% 50%,rgba(251,191,36,.42),transparent 70%),radial-gradient(ellipse 60% 100% at 36% 50%,rgba(244,114,182,.5),transparent 72%),radial-gradient(ellipse 55% 95% at 62% 50%,rgba(167,139,250,.5),transparent 70%),radial-gradient(ellipse 55% 95% at 86% 50%,rgba(103,232,249,.4),transparent 70%),linear-gradient(96deg,#0a1428,#1a1432 24%,#2a1132 46%,#1f1a40 64%,#14182f 82%,#0a1428);background-size:380% 100%;background-position:0 50%;animation:movingBgPanX var(--bg-duration) linear infinite}.moving-bg-preview--motion-parallax .moving-bg-surface:before{content:"";position:absolute;inset:0;background-image:radial-gradient(ellipse 30% 80% at 25% 50%,rgba(255,224,138,.5),transparent 70%),radial-gradient(ellipse 28% 80% at 55% 50%,rgba(255,174,200,.5),transparent 70%),radial-gradient(ellipse 30% 80% at 80% 50%,rgba(189,220,255,.45),transparent 70%);background-size:220% 100%;background-position:0 50%;mix-blend-mode:screen;filter:blur(2px);animation:movingBgPanX var(--bg-fg-duration) linear infinite}@media (prefers-reduced-motion:reduce){.moving-bg-surface{animation:none!important;background-position:50% 50%!important}}.multiline-stage{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;align-content:center;justify-items:center}.multiline-stage__block{width:min(100%,22ch);max-width:22ch;min-height:calc(var(--multiline-line-count, 3) * 1.5em);font-size:1.05rem;font-weight:600;line-height:1.35;color:var(--multiline-fg,#e0f2fe);text-shadow:0 0 22px var(--multiline-soft,rgba(103,232,249,.18));display:grid;align-content:center}.pattern-preview--inspector .multiline-stage__block{width:min(100%,32ch);max-width:32ch;font-size:1.4rem;min-height:calc(var(--multiline-line-count, 3) * 1.6em)}.multiline-stage__row{display:block;animation-fill-mode:backwards;animation-duration:var(--multiline-duration,3.4s);animation-iteration-count:infinite;animation-timing-function:ease-in-out}.multiline-stage__row:first-of-type{animation-delay:0s}.multiline-stage__row:nth-of-type(2){animation-delay:.18s}.multiline-stage__row:nth-of-type(3){animation-delay:.36s}.multiline-stage__row:nth-of-type(4){animation-delay:.54s}.multiline-stage--stacked .multiline-stage__row{max-height:0;overflow:hidden;opacity:0;animation-name:multiline-row-stacked}@keyframes multiline-row-stacked{0%,10%{max-height:0;opacity:0}18%,82%{max-height:2em;opacity:1}92%,to{max-height:0;opacity:0}}.multiline-stage--wipe .multiline-stage__row{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);animation-name:multiline-row-wipe}@keyframes multiline-row-wipe{0%,10%{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}18%,82%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}92%,to{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}}.multiline-stage--draw .multiline-stage__row{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);animation-name:multiline-row-draw}@keyframes multiline-row-draw{0%,10%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}18%,82%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}92%,to{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}}@media (prefers-reduced-motion:reduce){.multiline-stage__row{animation:none;max-height:none;opacity:1;-webkit-clip-path:none;clip-path:none}}.neon-text-stage{display:grid;place-items:center;place-content:center}.neon-text-stage__word{margin:0;color:var(--neon-fg,#f0fdff);font-size:clamp(1.4rem,3vw,2.4rem);font-weight:800;letter-spacing:.06em;white-space:nowrap;text-shadow:0 0 2px currentColor,0 0 calc(8px * var(--neon-intensity, 1)) var(--neon-accent),0 0 calc(18px * var(--neon-intensity, 1)) var(--neon-accent-2),0 0 calc(30px * var(--neon-intensity, 1)) var(--neon-accent);animation-duration:var(--neon-duration,2.5s);animation-iteration-count:infinite}.pattern-preview--inspector .neon-text-stage__word{font-size:clamp(2rem,4vw,3.4rem)}.neon-text-stage--sign .neon-text-stage__word{animation-name:neon-sign;animation-timing-function:steps(20)}.neon-text-stage--console .neon-text-stage__word{animation-name:neon-pulse;animation-timing-function:steps(2)}.neon-text-stage--quiet .neon-text-stage__word{animation-name:neon-ambient;animation-timing-function:ease-in-out;animation-direction:alternate}@keyframes neon-sign{0%,36%,46%,to{opacity:1}38%,44%{opacity:.55}}@keyframes neon-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes neon-ambient{0%{opacity:.85}to{opacity:1}}@media (prefers-reduced-motion:reduce){.neon-text-stage__word{animation:none}}.pattern-preview.badge-preview{position:relative;display:grid;place-content:center stretch;padding:18px;height:180px;overflow:hidden;isolation:isolate}.pattern-preview.badge-preview.pattern-preview--inspector{height:auto;min-height:220px;gap:14px}.badge-preview__hint{margin:0;font-size:.78rem;color:rgba(203,213,225,.72);text-align:center}.badge-preview__controls{display:flex;gap:8px;justify-content:center}.badge-preview__button{padding:7px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--badge-accent,#7dd3fc) 40%,rgba(148,163,184,.18));background:color-mix(in srgb,var(--badge-accent,#7dd3fc) 14%,rgba(15,23,42,.9));color:rgba(241,245,249,.96);font:inherit;font-size:.78rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.badge-preview__button:hover{background:color-mix(in srgb,var(--badge-accent,#7dd3fc) 24%,rgba(15,23,42,.9))}.badge-preview__button--ghost{background:rgba(15,23,42,.4);border-color:rgba(148,163,184,.18);color:rgba(203,213,225,.85)}.badge-preview__button--ghost:hover{background:rgba(15,23,42,.6)}.badge-trigger{display:inline-flex;align-items:center;gap:10px;margin:0 auto;padding:8px 14px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,rgba(15,23,42,.86),rgba(2,6,23,.86));color:rgba(241,245,249,.94);font:inherit;font-size:.86rem;font-weight:600;letter-spacing:.01em;cursor:pointer;border-radius:12px;transition:border-color .18s ease,transform .18s ease}.badge-trigger:focus-visible{outline:2px solid var(--badge-accent,#7dd3fc);outline-offset:3px}.badge-trigger:hover{border-color:color-mix(in srgb,var(--badge-accent,#7dd3fc) 40%,rgba(148,163,184,.18))}.badge-host{position:relative}.badge-host,.badge-host__icon{display:inline-flex;align-items:center;justify-content:center}.badge-host__icon{width:36px;height:36px;border-radius:10px;background:rgba(2,6,23,.5);border:1px solid rgba(148,163,184,.16);color:rgba(226,232,240,.92)}.badge{position:absolute;top:-12px;right:-10px;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--badge-accent,#7dd3fc);color:#0f172a;font-size:11px;font-weight:800;letter-spacing:.02em;box-shadow:0 4px 12px color-mix(in srgb,var(--badge-accent,#7dd3fc) 40%,transparent);transform-origin:center;animation:badgePop var(--badge-duration,.42s) cubic-bezier(.34,1.56,.64,1)}.badge__digit{display:inline-block;line-height:1}@keyframes badgePop{0%,to{transform:scale(1) rotate(0)}45%{transform:scale(var(--badge-scale,1.25)) rotate(calc(-1 * var(--badge-rotate, 0deg)))}}.badge-trigger--inbox{width:100%;max-width:220px;justify-content:flex-start;padding:10px 14px;border-radius:10px}.badge-trigger--inbox .badge-trigger__label{flex:1 1;text-align:left}.badge-trigger--cart{border-radius:999px;padding:9px 18px 9px 22px;background:linear-gradient(180deg,color-mix(in srgb,#f0abfc 18%,rgba(15,23,42,.92)),rgba(15,23,42,.92));border-color:color-mix(in srgb,#f0abfc 35%,rgba(148,163,184,.22))}.badge-trigger--cart .badge-trigger__label{letter-spacing:.04em;text-transform:uppercase;font-size:.74rem}.badge-trigger--cart .badge-host__icon{width:32px;height:32px;border-radius:999px;background:rgba(2,6,23,.7);animation:cartIconPop var(--badge-duration,.55s) cubic-bezier(.34,1.56,.64,1)}@keyframes cartIconPop{0%,to{transform:translateY(0)}45%{transform:translateY(-2px)}}.badge-trigger--bell{background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,6,23,.92));border:1px solid rgba(253,224,71,.18);border-radius:999px;padding:8px 8px 8px 18px;width:100%;max-width:260px;display:inline-flex;align-items:center;justify-content:space-between;gap:12px}.badge-trigger__label-leading{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(254,240,138,.78)}.badge-bell-button{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer;border-radius:12px}.badge-bell-button:focus-visible{outline:2px solid var(--badge-accent,#fde047);outline-offset:3px}.badge-trigger--bell .badge-host__icon{border-radius:999px;background:rgba(2,6,23,.6);border-color:rgba(253,224,71,.24);animation:bellShake var(--badge-duration,.6s) cubic-bezier(.36,.07,.19,.97)}@keyframes bellShake{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}45%{transform:rotate(10deg)}70%{transform:rotate(-4deg)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){.badge,.badge-trigger--bell .badge-host__icon,.badge-trigger--cart .badge-host__icon{animation:none}}.pattern-preview.snap-preview{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;align-content:stretch;grid-gap:10px;gap:10px;padding:14px;height:180px;overflow:hidden;isolation:isolate}.snap-badge{position:absolute;top:8px;right:10px;z-index:4;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--snap-accent,rgba(255,255,255,.9));font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.snap-track{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12px;border:1px solid rgba(248,250,252,.08);background:radial-gradient(circle at 50% 50%,rgba(103,232,249,.06),transparent 60%),linear-gradient(180deg,#0a1626,#050a14);isolation:isolate}.snap-zone{position:absolute;top:8px;bottom:8px;left:50%;width:100px;transform:translateX(-50%);z-index:2;border-radius:9px;border:1.5px solid color-mix(in srgb,var(--snap-accent,#67e8f9) var(--snap-zone-strength,70%),transparent);box-shadow:inset 0 0 0 1px rgba(15,23,42,.5),0 0 18px color-mix(in srgb,var(--snap-accent,#67e8f9) 30%,transparent);pointer-events:none}.snap-preview--motion-trap .snap-zone{border-style:dashed;border-color:rgba(226,232,240,.32);box-shadow:none}.snap-rail{display:flex;align-items:center;gap:8px;padding:0 calc(50% - 48px);width:max-content;height:100%}.snap-card{flex:0 0 96px;height:90%;display:grid;grid-template-rows:1fr auto auto;grid-gap:4px;gap:4px;padding:8px;background:rgba(15,23,42,.94);border:1px solid rgba(248,250,252,.1);border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.4)}.snap-thumb{border-radius:6px;background:linear-gradient(135deg,var(--snap-accent,#67e8f9) 0,#fbbf24 100%);opacity:.78;min-height:0}.snap-card:nth-child(4n+2) .snap-thumb{background:linear-gradient(135deg,#a78bfa,#f0abfc)}.snap-card:nth-child(4n+3) .snap-thumb{background:linear-gradient(135deg,#34d399,#67e8f9)}.snap-card:nth-child(4n+4) .snap-thumb{background:linear-gradient(135deg,#f472b6,#fb923c)}.snap-line{display:block;height:3px;border-radius:999px;background:rgba(226,232,240,.4)}.snap-line--title{width:80%;background:rgba(226,232,240,.78)}.snap-line--meta{width:50%}.snap-card--tall{flex:0 0 144px;border-color:var(--snap-accent,#fbbf24);background:linear-gradient(90deg,rgba(251,191,36,.14),rgba(15,23,42,.96) 55%);box-shadow:0 4px 12px rgba(0,0,0,.5),0 0 0 1px var(--snap-accent-soft,rgba(251,191,36,.4)),0 0 14px rgba(251,191,36,.16)}.snap-indicator{display:flex;justify-content:center;gap:6px;height:10px;align-items:center}.snap-dot{width:6px;height:6px;border-radius:50%;background:rgba(248,250,252,.18);animation:snapDotPulse var(--snap-duration,5.6s) linear infinite}.snap-dot:first-child{animation-delay:0s}.snap-dot:nth-child(2){animation-delay:calc(var(--snap-duration, 5.6s) * -.75)}.snap-dot:nth-child(3){animation-delay:calc(var(--snap-duration, 5.6s) * -.5)}.snap-dot:nth-child(4){animation-delay:calc(var(--snap-duration, 5.6s) * -.25)}.snap-preview--motion-mandatory .snap-rail{animation:snapRailHoldQuick var(--snap-duration) cubic-bezier(.22,1,.36,1) infinite}.snap-preview--motion-proximity .snap-rail{animation:snapRailLinear var(--snap-duration) linear infinite}.snap-preview--motion-trap .snap-rail{animation:snapRailTrap var(--snap-duration) cubic-bezier(.22,1,.36,1) infinite}@keyframes snapRailHoldQuick{0%{transform:translateX(0)}18%{transform:translateX(0)}25%{transform:translateX(-104px)}43%{transform:translateX(-104px)}50%{transform:translateX(-208px)}68%{transform:translateX(-208px)}75%{transform:translateX(-312px)}93%{transform:translateX(-312px)}to{transform:translateX(-416px)}}@keyframes snapRailLinear{0%{transform:translateX(0)}to{transform:translateX(-416px)}}@keyframes snapRailTrap{0%,12%{transform:translateX(0)}18%,28%{transform:translateX(-104px)}35%,60%{transform:translateX(-256px)}66%,78%{transform:translateX(-360px)}84%,to{transform:translateX(-464px)}}@keyframes snapDotPulse{0%,18%{background:rgba(248,250,252,.9);transform:scale(1.15)}25%,to{background:rgba(248,250,252,.18);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.snap-dot,.snap-rail{animation:none}}.pattern-preview.progress-preview{--progress-track:rgba(148,163,184,0.22);--progress-fill:linear-gradient(90deg,rgba(103,232,249,0.92),rgba(167,139,250,0.95));--progress-height:12px;--progress-stripe-duration:1.4s;display:grid;align-content:center;grid-gap:10px;gap:10px;padding:18px;height:180px;overflow:hidden;isolation:isolate}.pattern-preview.progress-preview.pattern-preview--inspector{height:auto;min-height:220px;padding:28px;gap:14px}.progress-preview__label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted,rgba(148,163,184,.85));font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.progress-bar{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.progress-skin{position:relative;width:100%;height:var(--progress-height);border-radius:999px;background:var(--progress-track);overflow:hidden}.progress-skin__fill{position:absolute;inset:0;height:100%;border-radius:inherit;background:var(--progress-fill);background-size:30px 30px;transform:scaleX(0);transform-origin:left center;animation:progressFillSweep var(--progress-cycle-duration,2.8s) ease-in-out infinite}.progress-variant--gradient .progress-skin__fill,.progress-variant--rainbow .progress-skin__fill{background-size:100% 100%}.progress-variant--striped .progress-skin__fill{animation:progressFillSweep var(--progress-cycle-duration,2.8s) ease-in-out infinite,progressStripeScroll var(--progress-stripe-duration) linear infinite}@keyframes progressFillSweep{0%{transform:scaleX(0)}70%,90%{transform:scaleX(var(--progress-target,1))}to{transform:scaleX(0)}}@keyframes progressStripeScroll{0%{background-position:0 0}to{background-position:60px 0}}@media (prefers-reduced-motion:reduce){.progress-skin__fill,.progress-variant--striped .progress-skin__fill{animation:none;transform:scaleX(var(--progress-target,1))}}.pattern-preview.star-preview{position:relative;display:grid;align-content:center;place-items:center;padding:18px;height:180px;overflow:hidden;isolation:isolate}.pattern-preview.star-preview.pattern-preview--inspector{height:auto;min-height:220px;gap:14px}.star-preview__hint{margin:0;font-size:.78rem;color:rgba(203,213,225,.72);text-align:center}.star-rating{display:inline-flex;flex-direction:row-reverse;gap:4px}.star-rating--ten{gap:2px}.star-rating input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;clip:rect(0 0 0 0)}.star-rating label{cursor:pointer;color:var(--star-empty,rgba(148,163,184,.28));transition:color var(--star-transition,.12s) ease,transform var(--star-transition,.12s) ease;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.star-rating--ten label svg{width:18px;height:18px}.star-rating--tri label svg{width:30px;height:30px}.star-rating input:focus-visible+label{outline:2px solid var(--star-filled,#fde047);outline-offset:2px}.star-rating input:checked~label{color:var(--star-filled,#fde047)}.star-rating:hover input~label{color:var(--star-empty,rgba(148,163,184,.28))}.star-rating:hover label:hover,.star-rating:hover label:hover~label{color:var(--star-filled,#fde047)}.star-preview:not(.pattern-preview--inspector) .star-rating label{animation:stageStarFill 4.4s ease-out infinite}.star-preview:not(.pattern-preview--inspector) .star-rating label:last-of-type{animation-delay:.2s}.star-preview:not(.pattern-preview--inspector) .star-rating label:nth-last-of-type(2){animation-delay:.45s}.star-preview:not(.pattern-preview--inspector) .star-rating label:nth-last-of-type(3){animation-delay:.7s}.star-preview:not(.pattern-preview--inspector) .star-rating label:nth-last-of-type(4){animation-delay:.95s}.star-preview:not(.pattern-preview--inspector) .star-rating label:nth-last-of-type(5){animation-delay:1.2s}.star-preview:not(.pattern-preview--inspector) .star-rating label:nth-last-of-type(6){animation-delay:1.45s}.star-preview:not(.pattern-preview--inspector) .star-rating label:nth-last-of-type(7){animation-delay:1.7s}.star-preview:not(.pattern-preview--inspector) .star-rating label:nth-last-of-type(8){animation-delay:1.95s}.star-preview:not(.pattern-preview--inspector) .star-rating label:nth-last-of-type(9){animation-delay:2.2s}.star-preview:not(.pattern-preview--inspector) .star-rating label:nth-last-of-type(10){animation-delay:2.45s}@keyframes stageStarFill{0%,8%{color:var(--star-empty,rgba(148,163,184,.28));transform:scale(1);text-shadow:none}14%{color:var(--star-filled,#fde047);transform:scale(1.32);text-shadow:0 0 14px color-mix(in srgb,var(--star-filled,#fde047) 70%,transparent)}24%,84%{color:var(--star-filled,#fde047);transform:scale(1);text-shadow:0 0 8px color-mix(in srgb,var(--star-filled,#fde047) 38%,transparent)}92%,to{color:var(--star-empty,rgba(148,163,184,.28));transform:scale(1);text-shadow:none}}@media (prefers-reduced-motion:reduce){.star-preview:not(.pattern-preview--inspector) .star-rating label,.star-rating label{transition:none;animation:none}}