.pattern-preview.error-shake-preview{--shake-amplitude:8px;--shake-duration:360ms;--shake-accent:rgba(248,113,113,0.95);display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:18px;height:180px;overflow:hidden;isolation:isolate}.pattern-preview.error-shake-preview.pattern-preview--inspector{height:auto;min-height:240px;padding:24px;gap:.6rem}.error-shake-preview__label{font-size:.72rem;color:rgba(226,232,240,.7);letter-spacing:.04em;text-transform:uppercase}.error-field{border:1px solid rgba(148,163,184,.35);border-radius:10px;background:rgba(15,23,42,.65);transition:border-color .18s ease}.error-field[data-state=invalid]{border-color:var(--shake-accent)}.error-field--jitter[data-state=shaking]{animation:errorJitter var(--shake-duration) cubic-bezier(.36,.07,.19,.97) both}.error-field--pulse[data-state=shaking]{animation:errorPulse var(--shake-duration) ease-in-out both}.error-field--bump[data-state=shaking]{animation:errorBump var(--shake-duration) cubic-bezier(.36,.07,.19,.97) both}@keyframes errorJitter{10%,90%{transform:translateX(calc(-.3 * var(--shake-amplitude)))}20%,80%{transform:translateX(calc(.6 * var(--shake-amplitude)))}30%,50%,70%{transform:translateX(calc(-1 * var(--shake-amplitude)))}40%,60%{transform:translateX(var(--shake-amplitude))}}@keyframes errorPulse{0%,to{box-shadow:0 0 0 0 rgba(239,68,68,0)}30%{box-shadow:0 0 0 calc(var(--shake-amplitude) * .5) rgba(239,68,68,.7)}50%{box-shadow:0 0 0 calc(var(--shake-amplitude) * .25) rgba(239,68,68,.4)}75%{box-shadow:0 0 0 var(--shake-amplitude) rgba(239,68,68,.85)}}@keyframes errorBump{0%,to{transform:translateY(0)}20%{transform:translateY(calc(-.5 * var(--shake-amplitude)))}45%,60%{transform:translateY(var(--shake-amplitude))}80%{transform:translateY(calc(-.2 * var(--shake-amplitude)))}}.error-shake-preview__input{width:100%;border:none;background:transparent;color:rgba(241,245,249,.95);padding:.55rem .75rem;font-size:.85rem;font-family:inherit;outline:none}.error-shake-preview__input::placeholder{color:rgba(148,163,184,.55)}.error-shake-preview__input:-moz-read-only{cursor:default}.error-shake-preview__input:read-only{cursor:default}.error-shake-preview__hint{margin:0;font-size:.75rem;color:var(--shake-accent);min-height:1.2em;line-height:1.3}.error-shake-preview__controls{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.2rem}.error-shake-preview__button{border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.6);color:rgba(226,232,240,.92);padding:.4rem .8rem;border-radius:999px;font-size:.78rem;font-weight:600;cursor:pointer;transition:border-color .18s ease,background .18s ease}.error-shake-preview__button:focus-visible,.error-shake-preview__button:hover{border-color:rgba(239,68,68,.55);background:rgba(30,41,59,.85);outline:none}.error-shake-preview--horizontal:not(.pattern-preview--inspector) .error-field{animation:stageJitter 2.4s cubic-bezier(.36,.07,.19,.97) infinite}.error-shake-preview--pulse:not(.pattern-preview--inspector) .error-field{animation:stagePulse 2.4s ease-in-out infinite}.error-shake-preview--vertical:not(.pattern-preview--inspector) .error-field{animation:stageBump 2.4s cubic-bezier(.36,.07,.19,.97) infinite}@keyframes stageJitter{0%,70%,to{transform:translateX(0)}72%{transform:translateX(calc(-.5 * var(--shake-amplitude)))}74%{transform:translateX(calc(.6 * var(--shake-amplitude)))}76%{transform:translateX(calc(-1 * var(--shake-amplitude)))}78%{transform:translateX(var(--shake-amplitude))}80%{transform:translateX(calc(-.4 * var(--shake-amplitude)))}82%{transform:translateX(calc(.2 * var(--shake-amplitude)))}}@keyframes stagePulse{0%,65%,to{box-shadow:0 0 0 0 rgba(239,68,68,0)}72%{box-shadow:0 0 0 calc(var(--shake-amplitude) * .5) rgba(239,68,68,.65)}77%{box-shadow:0 0 0 calc(var(--shake-amplitude) * .25) rgba(239,68,68,.35)}82%{box-shadow:0 0 0 var(--shake-amplitude) rgba(239,68,68,.85)}90%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}@keyframes stageBump{0%,70%,to{transform:translateY(0)}72%{transform:translateY(calc(-.5 * var(--shake-amplitude)))}76%,80%{transform:translateY(var(--shake-amplitude))}82%{transform:translateY(calc(-.2 * var(--shake-amplitude)))}}@media (prefers-reduced-motion:reduce){.error-field[data-state=shaking]{animation:none;outline:2px solid var(--shake-accent);outline-offset:2px}.error-shake-preview--horizontal:not(.pattern-preview--inspector) .error-field,.error-shake-preview--pulse:not(.pattern-preview--inspector) .error-field,.error-shake-preview--vertical:not(.pattern-preview--inspector) .error-field{animation:none}}.pattern-preview.film-preview{position:relative;display:grid;grid-template-columns:1fr;align-content:stretch;grid-gap:10px;gap:10px;padding:14px;height:180px;overflow:hidden;isolation:isolate}.film-badge{position:absolute;top:8px;right:10px;z-index:4;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.08);color: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)}.film-stage{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12px;border:1px solid rgba(248,250,252,.06);isolation:isolate}.film-scene,.film-tinted{position:absolute;inset:0}.film-scene{background:radial-gradient(ellipse 60% 80% at 22% 32%,var(--film-blob-a,rgba(244,114,182,.55)),transparent 55%),radial-gradient(ellipse 60% 80% at 78% 68%,var(--film-blob-b,rgba(251,191,36,.45)),transparent 60%),linear-gradient(135deg,var(--film-base-a,#1a0820) 0,var(--film-base-b,#0a0418) 60%,var(--film-base-c,#1a1206) 100%)}.film-grain{inset:-4%;width:108%;height:108%;mix-blend-mode:overlay;opacity:var(--film-grain-opacity,.85)}.film-grain,.film-vignette{position:absolute;pointer-events:none}.film-vignette{inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,var(--film-vignette-strength,.55)) 100%)}.film-chip{position:absolute;bottom:12px;left:14px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(15,23,42,.85);color:#fef9c3;font-size:10px;font-weight:800;letter-spacing:.18em;border:1px solid rgba(248,250,252,.08)}.film-chip-dot{width:6px;height:6px;border-radius:50%;background:#f43f5e;box-shadow:0 0 8px rgba(244,63,94,.7);animation:filmChipBlink 1.4s ease-in-out infinite}@keyframes filmChipBlink{0%,to{opacity:1}50%{opacity:.35}}.film-preview--motion-grain .film-grain{animation:filmGrainShift var(--film-duration) steps(4) infinite}@keyframes filmGrainShift{0%,to{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,1%)}}.film-preview--motion-vignette .film-vignette{animation:filmVignettePulse var(--film-duration) ease-in-out infinite}@keyframes filmVignettePulse{0%,to{opacity:.6}50%{opacity:1}}.film-preview--motion-mood .film-tinted{animation:filmMoodCycle var(--film-duration) linear infinite}@keyframes filmMoodCycle{0%,to{filter:hue-rotate(0deg)}33%{filter:hue-rotate(30deg)}66%{filter:hue-rotate(-10deg)}}@media (prefers-reduced-motion:reduce){.film-chip-dot,.film-grain,.film-tinted,.film-vignette{animation:none!important}.film-vignette{opacity:1}.film-tinted{filter:hue-rotate(0deg)}}.pattern-preview.parallax-preview{position:relative;display:grid;grid-template-columns:1fr;align-content:stretch;grid-gap:10px;gap:10px;padding:14px;height:180px;overflow:hidden;isolation:isolate}.parallax-badge{position:absolute;top:8px;right:10px;z-index:4;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.92);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.parallax-frame{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12px;border:1px solid rgba(248,250,252,.06);isolation:isolate}.parallax-scene{position:absolute;inset:0;width:100%;height:100%;z-index:0}.parallax-track{position:absolute;inset:0;overflow:hidden;z-index:1;display:flex;justify-content:center}.parallax-stack{position:absolute;top:0;width:66%;display:flex;flex-direction:column;gap:10px;padding:12px 0;animation-name:parallaxStackScroll;animation-duration:var(--parallax-duration,9s);animation-iteration-count:infinite;animation-timing-function:var(--parallax-timing,linear)}.parallax-preview--motion-eased .parallax-stack{width:88%;gap:16px;padding:18px 0}.parallax-preview--motion-steps .parallax-stack{width:94%;gap:0;padding:0}@keyframes parallaxStackScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.parallax-card{padding:9px 11px 11px;display:grid;grid-gap:5px;gap:5px;background:rgba(15,23,42,.96);border:1px solid rgba(248,250,252,.12);border-radius:8px;box-shadow:0 6px 14px rgba(0,0,0,.45);flex-shrink:0}.parallax-card span{display:block;height:4px;border-radius:999px;background:rgba(226,232,240,.4)}.parallax-card span:first-child{width:78%;background:rgba(226,232,240,.78)}.parallax-card span:last-child{width:54%}.parallax-card:nth-child(4n+2) span:first-child{width:88%}.parallax-card:nth-child(4n+2) span:last-child{width:42%}.parallax-card:nth-child(4n+3) span:first-child{width:70%}.parallax-card:nth-child(4n+3) span:last-child{width:60%}.parallax-card:nth-child(4n+4) span:last-child{width:36%}.parallax-preview--motion-eased .parallax-card{padding:14px 18px 16px;gap:8px;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.5)}.parallax-preview--motion-eased .parallax-card span{height:7px;border-radius:999px}.parallax-preview--motion-eased .parallax-card span:first-child{width:88%;height:9px;background:rgba(226,232,240,.92)}.parallax-preview--motion-eased .parallax-card span:nth-child(2){width:64%;background:rgba(226,232,240,.36)}.parallax-preview--motion-eased .parallax-card span:nth-child(3){width:32%;height:5px;background:rgba(167,139,250,.78)}.parallax-preview--motion-steps .parallax-card{padding:11px 16px;gap:6px;margin-bottom:14px;border-radius:10px;box-shadow:0 8px 18px rgba(0,0,0,.48)}.parallax-preview--motion-steps .parallax-card span:first-child{width:56%;height:6px}.parallax-preview--motion-steps .parallax-card span:last-child{width:78%;height:3px;opacity:.6}.parallax-preview--motion-steps .parallax-card:nth-child(6n+1){background:rgba(20,25,50,.96)}.parallax-preview--motion-steps .parallax-card:nth-child(6n+2){background:rgba(28,22,56,.96)}.parallax-preview--motion-steps .parallax-card:nth-child(6n+3){background:rgba(34,28,60,.96)}.parallax-preview--motion-steps .parallax-card:nth-child(6n+4){background:rgba(40,32,64,.96)}.parallax-preview--motion-steps .parallax-card:nth-child(6n+5){background:rgba(28,22,56,.96)}.parallax-preview--motion-steps .parallax-card:nth-child(6n+6){background:rgba(20,25,50,.96)}.parallax-preview--motion-steps .parallax-card:nth-child(6n+1) span:first-child{background:rgba(167,139,250,.92);width:64%}.parallax-preview--motion-steps .parallax-card:nth-child(6n+2) span:first-child{background:rgba(103,232,249,.92);width:48%}.parallax-preview--motion-steps .parallax-card:nth-child(6n+3) span:first-child{background:rgba(244,114,182,.92);width:70%}.parallax-preview--motion-steps .parallax-card:nth-child(6n+4) span:first-child{background:rgba(251,191,36,.92);width:52%}.parallax-preview--motion-steps .parallax-card:nth-child(6n+5) span:first-child{background:rgba(34,197,94,.92);width:60%}.parallax-preview--motion-steps .parallax-card:nth-child(6n+6) span:first-child{background:rgba(248,250,252,.92);width:44%}@media (prefers-reduced-motion:reduce){.parallax-stack{animation:none;top:50%;transform:translateY(-50%)}}.activity-heatmap-preview{display:grid;width:100%;height:100%;min-height:0;place-items:center;place-content:center}.activity-heatmap{display:grid;inline-size:220px;max-inline-size:100%;grid-gap:8px;gap:8px;margin:0;padding:12px;border:1px solid rgba(148,163,184,.2);border-radius:12px;background:transparent;box-shadow:none}.activity-heatmap__caption{display:grid;grid-template-columns:1fr auto;align-items:end;grid-gap:2px 12px;gap:2px 12px;color:rgba(203,213,225,.78);font-size:.56rem;line-height:1.2}.activity-heatmap__caption span{grid-column:1/-1;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.activity-heatmap__caption strong{color:var(--foreground);font-size:.82rem}.activity-heatmap__caption em{color:color-mix(in srgb,var(--activity-heatmap-accent) 72%,white);font-style:normal;font-weight:850}.activity-heatmap__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:4px;gap:4px}.activity-heatmap__cell,.activity-heatmap__legend i{display:block;position:relative;aspect-ratio:1;border-radius:4px;background:var(--activity-heatmap-level-0);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.activity-heatmap__cell[data-level="1"],.activity-heatmap__legend i[data-level="1"]{background:var(--activity-heatmap-level-1)}.activity-heatmap__cell[data-level="2"],.activity-heatmap__legend i[data-level="2"]{background:var(--activity-heatmap-level-2)}.activity-heatmap__cell[data-level="3"],.activity-heatmap__legend i[data-level="3"]{background:var(--activity-heatmap-level-3)}.activity-heatmap__cell[data-level="4"],.activity-heatmap__legend i[data-level="4"]{background:var(--activity-heatmap-level-4)}.activity-heatmap__cell--today{z-index:1}.activity-heatmap__cell--today:after,.activity-heatmap__cell--today:before{content:"";position:absolute;border-radius:inherit;pointer-events:none}.activity-heatmap--outline .activity-heatmap__cell--today:before{inset:-3px;border:2px solid var(--activity-heatmap-accent);animation:activityHeatmapOutlineRing var(--activity-heatmap-duration,2.2s) ease-in-out infinite}.activity-heatmap--outline .activity-heatmap__cell--today:after{content:none}.activity-heatmap--inner .activity-heatmap__cell--today:before{inset:2px;background:radial-gradient(circle,rgba(255,255,255,.78),var(--activity-heatmap-accent-soft) 52%,transparent 76%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--activity-heatmap-accent) 64%,white),inset 0 0 12px color-mix(in srgb,var(--activity-heatmap-accent) 48%,transparent);animation:activityHeatmapInnerGlow var(--activity-heatmap-duration,2.2s) ease-in-out infinite}.activity-heatmap--inner .activity-heatmap__cell--today:after{content:none}.activity-heatmap--halo .activity-heatmap__cell--today:before{inset:-6px;background:var(--activity-heatmap-accent-soft);animation:activityHeatmapShadowHalo var(--activity-heatmap-duration,2.2s) ease-in-out infinite}.activity-heatmap--halo .activity-heatmap__cell--today:after{inset:-2px;border:1px solid color-mix(in srgb,var(--activity-heatmap-accent) 72%,white);opacity:.82}.activity-heatmap__legend{display:flex;align-items:center;justify-content:flex-end;gap:5px;color:rgba(203,213,225,.66);font-size:.62rem;font-weight:700}.activity-heatmap__legend i{width:10px}.pattern-preview--inspector .activity-heatmap{inline-size:260px;padding:16px;gap:11px}.pattern-preview--inspector .activity-heatmap__grid{gap:5px}.pattern-preview--inspector .activity-heatmap__caption{font-size:.78rem}.pattern-preview--inspector .activity-heatmap__caption strong{font-size:1.2rem}@keyframes activityHeatmapOutlineRing{0%,to{opacity:.45;transform:scale(.94);box-shadow:none}50%{opacity:1;transform:scale(var(--activity-heatmap-ring-scale,1.28));box-shadow:0 0 var(--activity-heatmap-shadow-size,22px) var(--activity-heatmap-accent-soft)}}@keyframes activityHeatmapInnerGlow{0%,to{opacity:.26;transform:scale(.68);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--activity-heatmap-accent) 34%,white),inset 0 0 4px color-mix(in srgb,var(--activity-heatmap-accent) 24%,transparent)}50%{opacity:1;transform:scale(var(--activity-heatmap-core-scale,1.14));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--activity-heatmap-accent) 78%,white),inset 0 0 14px color-mix(in srgb,var(--activity-heatmap-accent) 62%,transparent),0 0 12px var(--activity-heatmap-accent-soft)}}@keyframes activityHeatmapShadowHalo{0%,to{opacity:.28;transform:scale(.9);box-shadow:none}50%{opacity:.82;transform:scale(var(--activity-heatmap-ring-scale,1.28));box-shadow:0 0 var(--activity-heatmap-shadow-size,22px) var(--activity-heatmap-accent-soft)}}@media (prefers-reduced-motion:reduce){.activity-heatmap__cell--today:after,.activity-heatmap__cell--today:before{animation:none;opacity:1;transform:none}}.flip-stage{width:200px;height:124px;perspective:var(--flip-perspective,720px);perspective-origin:50% 50%}.flip-card{position:relative;width:100%;height:100%;transform-style:preserve-3d}.flip-card--product,.flip-card--profile{animation-duration:var(--flip-duration,4s);animation-timing-function:cubic-bezier(.45,0,.55,1);animation-iteration-count:infinite}.flip-card--quiet{animation:none}.flip-face{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;grid-gap:6px;gap:6px;padding:12px;border-radius:14px;border:1px solid rgba(248,250,252,.14);transform:translateZ(.01px);-webkit-transform:translateZ(.01px);box-shadow:inset 0 1px 0 rgba(248,250,252,.08),0 8px 22px rgba(0,0,0,.45);overflow:hidden}.flip-face,.flip-face>*{backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-face--front{background:radial-gradient(circle at 18% -10%,color-mix(in srgb,var(--flip-a,#67e8f9) 26%,transparent),transparent 55%),linear-gradient(135deg,color-mix(in srgb,var(--flip-a,#67e8f9) 12%,#0a1424),#050b18)}.flip-face--back{background:radial-gradient(circle at 82% 110%,color-mix(in srgb,var(--flip-b,#a78bfa) 28%,transparent),transparent 55%),linear-gradient(135deg,#1a1230 0,#0a0b1c 60%,#050816 100%)}.flip-card--profile .flip-face--back{transform:rotateY(180deg) translateZ(.01px);-webkit-transform:rotateY(180deg) translateZ(.01px);animation:flipFaceBackVisY var(--flip-duration,4s) linear infinite}.flip-card--profile .flip-face--front{animation:flipFaceFrontVisY var(--flip-duration,4s) linear infinite}.flip-card--product .flip-face--back{transform:rotateX(180deg) translateZ(.01px);-webkit-transform:rotateX(180deg) translateZ(.01px);animation:flipFaceBackVisX var(--flip-duration,4s) linear infinite}.flip-card--product .flip-face--front{animation:flipFaceFrontVisX var(--flip-duration,4s) linear infinite}.flip-card--quiet .flip-face--back{transform:translateZ(.01px);-webkit-transform:translateZ(.01px);animation:flipFaceBackVisQuiet var(--flip-duration,4s) ease-in-out infinite}.flip-card--quiet .flip-face--front{animation:flipFaceFrontVisQuiet var(--flip-duration,4s) ease-in-out infinite}.flip-face-label{color:var(--foreground);font-size:.95rem;font-weight:700;letter-spacing:-.01em}.flip-face-sub{color:var(--muted);font-size:.78rem}.flip-glyph{width:32px;height:32px;border-radius:999px;margin-bottom:4px;flex-shrink:0}.flip-glyph--avatar{background:radial-gradient(circle at 30% 28%,rgba(248,250,252,.6),transparent 42%),linear-gradient(135deg,var(--flip-a,#67e8f9),var(--flip-b,#a78bfa) 60%,#f0abfc);box-shadow:0 0 0 2px rgba(248,250,252,.18),0 4px 12px color-mix(in srgb,var(--flip-a,#67e8f9) 32%,transparent)}.flip-glyph--handle{display:grid;place-items:center;background:rgba(8,13,25,.92);border:1px solid color-mix(in srgb,var(--flip-b,#a78bfa) 60%,transparent);color:var(--foreground);font-weight:800;font-size:.95rem}.flip-glyph--handle:before{content:"@"}.flip-glyph--thumb{border-radius:8px;width:44px;background:linear-gradient(135deg,color-mix(in srgb,var(--flip-a,#34d399) 70%,#050b18),color-mix(in srgb,var(--flip-b,#38bdf8) 60%,#050b18));box-shadow:0 4px 14px color-mix(in srgb,var(--flip-a,#34d399) 26%,transparent)}.flip-glyph--check{display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--flip-a,#34d399) 50%,transparent) 0,transparent 65%),rgba(8,13,25,.92);border:1px solid color-mix(in srgb,var(--flip-a,#34d399) 60%,transparent);color:var(--flip-a,#34d399);font-weight:900;font-size:1rem}.flip-glyph--check:before{content:"✓"}.flip-glyph--sun{background:radial-gradient(circle at 50% 50%,var(--flip-a,#fbbf24) 38%,transparent 42%);box-shadow:0 0 0 1px color-mix(in srgb,var(--flip-a,#fbbf24) 60%,transparent),0 0 18px color-mix(in srgb,var(--flip-a,#fbbf24) 56%,transparent)}.flip-glyph--moon{position:relative;background:rgba(8,13,25,.92);border:1px solid color-mix(in srgb,var(--flip-b,#fb7185) 60%,transparent)}.flip-glyph--moon:after{content:"";position:absolute;inset:4px 4px 4px 10px;border-radius:999px;background:rgba(8,13,25,.92)}.pattern-preview--inspector .flip-stage{width:280px;height:174px}.pattern-preview--inspector .flip-face-label{font-size:1.15rem}.pattern-preview--inspector .flip-face-sub{font-size:.88rem}.flip-card--profile{animation-name:flipCardSpinY}@keyframes flipCardSpinY{0%,28%{transform:rotateY(0deg)}48%,78%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}.flip-card--product{animation-name:flipCardSpinX}@keyframes flipCardSpinX{0%,28%{transform:rotateX(0deg)}48%,78%{transform:rotateX(180deg)}to{transform:rotateX(1turn)}}@keyframes flipFaceFrontVisY{0%,38%,88%,to{opacity:1}48%,78%{opacity:0}}@keyframes flipFaceBackVisY{0%,38%,88%,to{opacity:0}48%,78%{opacity:1}}@keyframes flipFaceFrontVisX{0%,38%,88%,to{opacity:1}48%,78%{opacity:0}}@keyframes flipFaceBackVisX{0%,38%,88%,to{opacity:0}48%,78%{opacity:1}}@keyframes flipFaceFrontVisQuiet{0%,38%,88%,to{opacity:1}50%,78%{opacity:0}}@keyframes flipFaceBackVisQuiet{0%,38%,88%,to{opacity:0}50%,78%{opacity:1}}.pattern-preview--inspector .flip-card--product,.pattern-preview--inspector .flip-card--profile{animation:none;transition:transform .55s cubic-bezier(.45,0,.55,1)}.pattern-preview--inspector .flip-card--profile:focus-within,.pattern-preview--inspector .flip-card--profile:hover{transform:rotateY(180deg)}.pattern-preview--inspector .flip-card--product:focus-within,.pattern-preview--inspector .flip-card--product:hover{transform:rotateX(180deg)}.pattern-preview--inspector .flip-face--back,.pattern-preview--inspector .flip-face--front{animation:none;transition:opacity .55s cubic-bezier(.45,0,.55,1)}.pattern-preview--inspector .flip-card--product .flip-face--back,.pattern-preview--inspector .flip-card--profile .flip-face--back,.pattern-preview--inspector .flip-card--quiet .flip-face--back{opacity:0}.pattern-preview--inspector .flip-card:focus-within .flip-face--back,.pattern-preview--inspector .flip-card:hover .flip-face--back{opacity:1}.pattern-preview--inspector .flip-card:focus-within .flip-face--front,.pattern-preview--inspector .flip-card:hover .flip-face--front{opacity:0}.pattern-preview--inspector .flip-card{cursor:pointer;outline:none}.pattern-preview--inspector .flip-card:focus-visible{outline:2px solid var(--accent,#67e8f9);outline-offset:6px;border-radius:14px}@media (prefers-reduced-motion:reduce){.flip-card,.flip-face{animation:none}.flip-face--back{opacity:0}}.pattern-preview.focus-ring-preview{position:relative;display:grid;place-items:center;padding:18px;height:180px;overflow:hidden;isolation:isolate}.pattern-preview.focus-ring-preview.pattern-preview--inspector{height:auto;min-height:220px;padding:28px 24px;gap:14px;align-content:center}.focus-ring-badge{position:absolute;top:8px;right:10px;z-index:4;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--focus-ring-color,rgba(255,255,255,.92));font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.focus-ring-preview__hint{margin:0;font-size:.78rem;color:rgba(203,213,225,.72);text-align:center}.focus-ring-scene{display:grid;grid-gap:10px;gap:10px;align-items:center;width:100%;max-width:280px}.focus-ring-target{font:inherit;cursor:pointer;outline:0 solid transparent;outline-offset:0}.focus-ring-target.is-focused,.focus-ring-target:focus-visible{outline:var(--focus-ring-width,2px) solid var(--focus-ring-color,#7dd3fc);outline-offset:var(--focus-ring-offset-min,2px);animation:focusRingPulse var(--focus-ring-duration,1.8s) ease-in-out infinite}@keyframes focusRingPulse{0%,to{outline-offset:var(--focus-ring-offset-min,2px)}50%{outline-offset:var(--focus-ring-offset-max,6px)}}.focus-ring-scene--button{grid-template-rows:auto auto;justify-items:center}.focus-ring-scene--button .focus-ring-scene__caption{font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(125,211,252,.78)}.focus-ring-target--button{padding:10px 22px;border-radius:999px;background:linear-gradient(180deg,#1e293b,#0b1220);color:rgba(241,245,249,.96);border:1px solid rgba(125,211,252,.32);font-size:.9rem;font-weight:600;letter-spacing:.01em}.focus-ring-scene--link{display:block;margin:0;padding:0 6px;font-size:.92rem;line-height:1.6;color:rgba(203,213,225,.78);text-align:center}.focus-ring-target--link{display:inline;color:rgba(240,171,252,.92);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;border-radius:3px;font-weight:600}.focus-ring-scene--field{grid-template-rows:auto auto;gap:6px;justify-items:stretch;width:100%;max-width:280px}.focus-ring-scene__field-label{font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(253,224,71,.78)}.focus-ring-target--field{padding:10px 12px;background:rgba(15,23,42,.78);border:1px solid rgba(253,224,71,.28);border-radius:8px;color:rgba(241,245,249,.96);font-size:.86rem;letter-spacing:.01em;width:100%}@media (prefers-reduced-motion:reduce){.focus-ring-target.is-focused,.focus-ring-target:focus-visible{animation:none;outline-offset:var(--focus-ring-offset-max,6px)}}.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}.metaball-stage__anchor{animation:metaball-breath var(--metaball-duration,4.5s) ease-in-out infinite}.metaball-stage__orbit{transform-box:view-box;transform-origin:100px 82px;animation:metaball-orbit-cw var(--metaball-duration,4.5s) linear infinite}.metaball-stage__sat{animation:metaball-sat-bridge var(--metaball-duration,4.5s) ease-in-out infinite}@keyframes metaball-breath{0%,to{transform:scale(1)}50%{transform:scale(calc(1 + .04 * 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)))}}@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}}.pattern-preview.hourglass-flip-preview{display:grid;place-items:center;height:168px;padding:18px;overflow:hidden;isolation:isolate;background:transparent}.pattern-preview.hourglass-flip-preview.pattern-preview--inspector{height:auto;min-height:224px;padding:28px}.hourglass-flip-demo{display:inline-grid;grid-template-columns:92px minmax(0,auto);align-items:center;justify-content:center;gap:6px;min-width:220px;min-height:100px;padding:14px 26px 14px 14px;border:1px solid color-mix(in srgb,var(--hourglass-accent) 28%,transparent);border-radius:18px;color:var(--hourglass-text);background:var(--hourglass-surface);box-shadow:0 14px 34px -26px color-mix(in srgb,var(--hourglass-accent) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.06)}.hourglass-flip-demo__label{min-width:64px;color:var(--hourglass-text);font-size:.9rem;font-weight:700;line-height:1;white-space:nowrap;text-shadow:0 0 12px color-mix(in srgb,var(--hourglass-accent) 22%,transparent)}.hourglass-flip{display:grid;place-items:center;width:92px;height:92px;contain:layout paint}.hourglass-flip__rotor{display:grid;place-items:center;width:64px;height:64px;transform-origin:50% 50%}.hourglass-flip--real .hourglass-flip__rotor{transform:rotate(var(--hourglass-turns,0deg));transition:transform .7s cubic-bezier(.45,.05,.3,1)}.hourglass-flip--fade .hourglass-flip__rotor{animation:hourglassFadeSettle var(--hourglass-drain) ease-in-out infinite}.hourglass-flip svg{display:block;width:64px;height:64px;overflow:visible}.hourglass-flip__glass{fill:none;stroke:var(--hourglass-accent);stroke-width:3.2;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--hourglass-accent) 42%,transparent))}.hourglass-flip__cap{fill:var(--hourglass-shell);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--hourglass-shell) 34%,transparent))}.hourglass-flip__sand{fill:var(--hourglass-fill);transform-box:fill-box}.hourglass-flip__stream{opacity:0;stroke:var(--hourglass-fill);stroke-width:2.4;stroke-linecap:round}.hourglass-flip--real .hourglass-flip__sand--bottom{transform:translateY(36px)}.hourglass-flip--real.is-reversed .hourglass-flip__sand--top{transform:translateY(-36px)}.hourglass-flip--real.is-reversed .hourglass-flip__sand--bottom{transform:translateY(0)}.hourglass-flip--real.is-draining .hourglass-flip__stream{opacity:1}.hourglass-flip--real.is-draining.is-forward .hourglass-flip__sand--top{transform:translateY(36px);transition:transform var(--hourglass-drain) linear}.hourglass-flip--real.is-draining.is-forward .hourglass-flip__sand--bottom,.hourglass-flip--real.is-draining.is-reversed .hourglass-flip__sand--top{transform:translateY(0);transition:transform var(--hourglass-drain) linear}.hourglass-flip--real.is-draining.is-reversed .hourglass-flip__sand--bottom{transform:translateY(-36px);transition:transform var(--hourglass-drain) linear}.hourglass-flip--fade .hourglass-flip__sand--top{animation:hourglassFadeDrain var(--hourglass-drain) ease-in-out infinite}.hourglass-flip--fade .hourglass-flip__sand--bottom{animation:hourglassFadeFill var(--hourglass-drain) ease-in-out infinite}.hourglass-flip--fade .hourglass-flip__stream{animation:hourglassFadeStream var(--hourglass-drain) ease-in-out infinite}@keyframes hourglassFadeSettle{0%,6%{opacity:1;transform:scale(1)}72%{opacity:1;transform:scale(1)}84%{opacity:1;transform:scale(1.04)}93%{opacity:0;transform:scale(1.04)}94%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes hourglassFadeDrain{0%{transform:translateY(0)}70%,93%{transform:translateY(36px)}93.5%,to{transform:translateY(0)}}@keyframes hourglassFadeFill{0%{transform:translateY(36px)}70%,93%{transform:translateY(0)}93.5%,to{transform:translateY(36px)}}@keyframes hourglassFadeStream{0%,5%{opacity:0}66%,8%{opacity:1}70%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.hourglass-flip__rotor,.hourglass-flip__sand,.hourglass-flip__stream{animation:none;transition:none}.hourglass-flip--fade .hourglass-flip__sand,.hourglass-flip--real .hourglass-flip__rotor,.hourglass-flip--real .hourglass-flip__sand{transform:none}.hourglass-flip__stream{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}}