.stage-panel{display:grid;grid-gap:14px;gap:14px;padding:var(--stage-panel-padding);border:1px solid var(--stage-panel-border);border-radius:var(--stage-panel-radius);background:radial-gradient(circle at 12% 0,rgba(103,232,249,.08),transparent 28%),radial-gradient(circle at 88% 18%,rgba(167,139,250,.06),transparent 32%),var(--stage-panel-bg);box-shadow:var(--stage-panel-shadow)}.stage-panel__header{max-width:720px;display:grid;grid-gap:6px;gap:6px}.stage-panel__header .eyebrow{margin:0}.stage-panel__header h2{margin:0;font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.18;letter-spacing:-.01em}.stage-panel__header .hero-copy{max-width:640px;margin:0;font-size:.95rem;line-height:1.55;color:var(--muted)}.stage-panel__status{margin-top:4px}.stage-panel__stage{display:grid;grid-gap:16px;gap:16px}.stage-panel__meta{font-size:.82rem;color:#aab8d6;min-height:3.2em}.pattern-preview{background:radial-gradient(circle at 18% 0,rgba(103,232,249,.22),transparent 55%),radial-gradient(circle at 82% 110%,rgba(167,139,250,.22),transparent 55%),linear-gradient(135deg,color-mix(in srgb,#67e8f9 6%,#0a1424),#050b18)}.pattern-preview.tab-preview{position:relative;display:grid;grid-template-columns:1fr;align-content:center;justify-items:center;grid-gap:10px;gap:10px;padding:14px;height:180px;overflow:hidden;isolation:isolate}.tab-badge{position:absolute;top:8px;right:10px;z-index:4;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--tab-accent,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)}.tab-bar{position:relative;display:grid;grid-template-columns:repeat(var(--tab-count),1fr);margin:0;padding:0;border:none;background:none;width:100%;max-width:320px}.tab-bar legend.visually-hidden{white-space:nowrap}.tab-bar input,.tab-bar legend.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.tab-bar input{pointer-events:none}.tab-bar label{position:relative;z-index:1;padding:10px 6px;text-align:center;cursor:pointer;font-size:.78rem;font-weight:600;letter-spacing:.02em;color:rgba(226,232,240,.6);transition:color var(--tab-duration,.26s) ease}.tab-bar input:focus-visible+label{outline:2px solid var(--tab-accent,#67e8f9);outline-offset:2px;border-radius:6px}.tab-bar--underline{border-bottom:1px solid rgba(248,250,252,.08);padding-bottom:2px}.tab-bar--underline input:checked+label{color:var(--tab-accent,#7dd3fc)}.tab-bar--underline:after{content:"";position:absolute;bottom:0;left:0;width:calc(100% / var(--tab-count));height:2px;background:var(--tab-accent,#7dd3fc);border-radius:999px;transform:translateX(calc(100% * var(--tab-active, 0)));transition:transform var(--tab-duration,.26s) cubic-bezier(.2,.8,.2,1);box-shadow:0 0 8px color-mix(in srgb,var(--tab-accent,#7dd3fc) 40%,transparent)}.tab-bar--pill{padding:4px;background:rgba(15,23,42,.5);border-radius:999px;border:1px solid rgba(248,250,252,.08)}.tab-bar--pill label{padding:8px 6px;border-radius:999px}.tab-bar--pill input:checked+label{color:#f0fdfa}.tab-bar--pill:after{content:"";position:absolute;inset:4px;width:calc((100% - 8px) / var(--tab-count));border-radius:999px;background:color-mix(in srgb,var(--tab-accent,#f0abfc) 26%,#0f172a);box-shadow:0 0 14px color-mix(in srgb,var(--tab-accent,#f0abfc) 30%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--tab-accent,#f0abfc) 70%,transparent);transform:translateX(calc(100% * var(--tab-active, 0)));transition:transform var(--tab-duration,.3s) cubic-bezier(.2,.8,.2,1);z-index:0}.tab-bar--notch{padding-bottom:16px;border-bottom:1px solid rgba(248,250,252,.05)}.tab-bar--notch input:checked+label{color:var(--tab-accent,#fde047)}.tab-bar--notch:before{bottom:8px;height:6px;background:radial-gradient(circle 3px at 50% 50%,var(--tab-accent,#fde047) 0,var(--tab-accent,#fde047) 60%,transparent 65%);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--tab-accent,#fde047) 70%,transparent))}.tab-bar--notch:after,.tab-bar--notch:before{content:"";position:absolute;left:0;width:calc(100% / var(--tab-count));transform:translateX(calc(100% * var(--tab-active, 0)));transition:transform var(--tab-duration,.34s) cubic-bezier(.2,.8,.2,1)}.tab-bar--notch:after{bottom:0;height:1px;background:linear-gradient(to right,transparent 35%,color-mix(in srgb,var(--tab-accent,#fde047) 65%,transparent) 50%,transparent 65%)}@media (prefers-reduced-motion:reduce){.tab-bar label,.tab-bar:after,.tab-bar:before{transition:none}}.cube-walkthrough__scene{width:132px;height:132px;display:grid;place-items:center;perspective:var(--cube-perspective,720px);perspective-origin:50% 42%}.cube-walkthrough__scene--balanced{perspective-origin:50% 50%}.cube-walkthrough__scene--wide{perspective-origin:12% 90%}.cube-walkthrough__scene--step{perspective-origin:50% 38%}.cube-walkthrough__scene--wide .cube-walkthrough__cube{transform:rotateX(-22deg)}.cube-walkthrough__cube{position:relative;width:82px;height:82px;transform-style:preserve-3d;animation:cube-walkthrough-turn var(--cube-duration,7s) linear infinite}.cube-walkthrough__face{position:absolute;inset:0;display:grid;place-items:center;border:1px solid rgba(226,232,240,.26);background:rgba(15,23,42,.78);color:var(--foreground);font-size:.78rem;font-weight:800;-webkit-backface-visibility:visible;backface-visibility:visible;box-shadow:inset 0 0 28px rgba(255,255,255,.04)}.cube-walkthrough__face--front{background:color-mix(in srgb,var(--cube-a) 36%,rgba(15,23,42,.92));transform:rotateY(0deg) translateZ(41px)}.cube-walkthrough__face--back{transform:rotateY(180deg) translateZ(41px)}.cube-walkthrough__face--right{background:color-mix(in srgb,var(--cube-b) 32%,rgba(15,23,42,.92));transform:rotateY(90deg) translateZ(41px)}.cube-walkthrough__face--left{transform:rotateY(-90deg) translateZ(41px)}.cube-walkthrough__face--top{background:color-mix(in srgb,var(--cube-c) 34%,rgba(15,23,42,.92));transform:rotateX(90deg) translateZ(41px)}.cube-walkthrough__face--bottom{transform:rotateX(-90deg) translateZ(41px)}@keyframes cube-walkthrough-turn{0%{transform:rotateX(-20deg) rotateY(22deg)}to{transform:rotateX(-20deg) rotateY(382deg)}}@media (prefers-reduced-motion:reduce){.cube-walkthrough__cube{animation:none}}.pattern-preview.input-preview{position:relative;display:grid;place-items:center;padding:18px;height:180px;overflow:hidden;isolation:isolate}.pattern-preview.input-preview.pattern-preview--inspector{height:auto;min-height:200px}.input-badge{position:absolute;top:8px;right:10px;z-index:4;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--input-accent,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)}.fl-field{position:relative;width:100%;max-width:280px;--fl-notch-bg:#0e2235}.fl-input{width:100%;padding:14px 14px 12px;border:none;background:transparent;color:rgba(241,245,249,.96);font:inherit;font-size:.92rem;letter-spacing:.01em;outline:none;caret-color:var(--input-accent,#7dd3fc)}.fl-input::placeholder{color:transparent}.fl-label{position:absolute;pointer-events:none;font-size:.84rem;font-weight:500;letter-spacing:.01em;color:rgba(203,213,225,.72);transform-origin:left center;transition:transform var(--input-duration,.22s) ease,color var(--input-duration,.22s) ease,background-color var(--input-duration,.22s) ease}.fl-field--outlined{padding-top:6px}.fl-field--outlined .fl-input{padding:14px 14px 12px;border-radius:10px;box-shadow:inset 0 0 0 1.5px rgba(248,250,252,.18);transition:box-shadow var(--input-duration,.22s) ease}.fl-field--outlined .fl-input:focus{box-shadow:inset 0 0 0 1.8px var(--input-accent,#7dd3fc)}.fl-field--outlined .fl-label{top:19px;left:12px;padding:0 4px}.fl-field--outlined[data-floating=true] .fl-label{transform:translateY(-22px) scale(.82);background:var(--fl-notch-bg);color:var(--input-accent,#7dd3fc)}.fl-field--underline{padding:18px 0 4px}.fl-field--underline .fl-input{padding:0 0 8px;font-size:.96rem}.fl-field--underline .fl-label{top:22px;left:0}.fl-field--underline[data-floating=true] .fl-label{transform:translateY(-18px) scale(.78);color:var(--input-accent,#f0abfc)}.fl-underline-baseline{position:absolute;bottom:4px;left:0;right:0;height:1px;background:rgba(248,250,252,.18)}.fl-underline-active{position:absolute;bottom:4px;left:0;right:0;height:2px;background:var(--input-accent,#f0abfc);border-radius:999px;transform:scaleX(0);transform-origin:left center;transition:transform var(--input-duration,.24s) cubic-bezier(.2,.8,.2,1);box-shadow:0 0 8px color-mix(in srgb,var(--input-accent,#f0abfc) 35%,transparent)}.fl-field--underline[data-focused=true] .fl-underline-active{transform:scaleX(1)}.fl-field--glow{padding:1.5px;border-radius:12px;background:linear-gradient(135deg,#67e8f9 0,var(--input-accent,#fde047) 50%,#f472b6 100%);filter:saturate(.45);transition:filter var(--input-duration,.3s) ease,box-shadow var(--input-duration,.3s) ease}.fl-field--glow[data-focused=true]{filter:saturate(1);box-shadow:0 0 0 4px color-mix(in srgb,var(--input-accent,#fde047) 18%,transparent),0 8px 24px color-mix(in srgb,var(--input-accent,#fde047) 14%,transparent)}.fl-field--glow .fl-input{padding:14px;border-radius:10.5px;background:var(--fl-notch-bg)}.fl-field--glow .fl-label{top:18px;left:14px;padding:0 4px}.fl-field--glow[data-floating=true] .fl-label{transform:translateY(-22px) scale(.82);background:var(--fl-notch-bg);color:var(--input-accent,#fde047)}.fl-glow-halo{display:none}@media (prefers-reduced-motion:reduce){.fl-field--glow,.fl-input,.fl-label,.fl-underline-active{transition:none}}.aurora{isolation:isolate}.aurora__layer{position:absolute;inset:-34%;border-radius:42%;filter:blur(calc(24px * var(--aurora-intensity, 1)));opacity:.64;mix-blend-mode:screen;pointer-events:none;z-index:0}.aurora__layer--one{background:radial-gradient(circle at 24% 40%,var(--aurora-a),transparent 30%),radial-gradient(circle at 72% 28%,var(--aurora-b),transparent 34%);animation:aurora-drift-one var(--aurora-duration,7s) ease-in-out infinite alternate}.aurora__layer--two{background:radial-gradient(circle at 38% 70%,var(--aurora-c),transparent 28%),radial-gradient(circle at 68% 68%,var(--aurora-a),transparent 30%);opacity:.42;animation:aurora-drift-two calc(var(--aurora-duration, 7s) * 1.24) ease-in-out infinite alternate}.aurora__label{position:relative;z-index:2;display:inline-grid;min-width:112px;min-height:40px;place-items:center;padding:0 18px;border:1px solid rgba(226,232,240,.18);border-radius:var(--radius-full);background:rgba(5,8,16,.55);color:var(--foreground);font-weight:700}@keyframes aurora-drift-one{0%{transform:translate3d(calc(-32px * var(--aurora-intensity, 1)),calc(-18px * var(--aurora-intensity, 1)),0) rotate(-10deg) scale(.92)}to{transform:translate3d(calc(46px * var(--aurora-intensity, 1)),calc(-30px * var(--aurora-intensity, 1)),0) rotate(20deg) scale(1.1)}}@keyframes aurora-drift-two{0%{transform:translate3d(calc(30px * var(--aurora-intensity, 1)),calc(22px * var(--aurora-intensity, 1)),0) rotate(-14deg) scale(1.06)}to{transform:translate3d(calc(-38px * var(--aurora-intensity, 1)),calc(32px * var(--aurora-intensity, 1)),0) rotate(18deg) scale(.92)}}@media (prefers-reduced-motion:reduce){.aurora__layer{animation:none}}.pattern-preview.axis-ticker-preview{position:relative;display:grid;align-content:center;grid-gap:10px;gap:10px;padding:14px;height:180px;background:var(--axis-base,#0f1a2d);overflow:hidden;isolation:isolate}.pattern-preview.axis-ticker-preview--block{grid-template-rows:1fr}.pattern-preview.axis-ticker-preview--cross{align-content:stretch;padding:12px}.ticker-axis-badge{position:absolute;top:8px;right:10px;z-index:2;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--axis-accent);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.ticker-viewport{position:relative;overflow:hidden;border-radius:10px;background:var(--axis-rail-bg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.ticker-viewport--horizontal{padding:8px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.ticker-viewport--vertical{padding:0 8px;height:100%;min-height:120px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent)}.ticker-track{display:inline-flex;align-items:center;gap:1rem;padding-inline:1rem;white-space:nowrap;width:max-content;will-change:transform}.ticker-track--horizontal{animation:tickerShiftX var(--axis-duration) linear infinite}.ticker-track--vertical{display:flex;flex-direction:column;align-items:stretch;gap:.55rem;padding:.6rem 0;width:100%;height:max-content;animation:tickerShiftY var(--axis-duration) linear infinite}@keyframes tickerShiftX{0%{transform:translateX(0)}to{transform:translateX(calc(var(--axis-distance, 50%) * -1))}}@keyframes tickerShiftY{0%{transform:translateY(0)}to{transform:translateY(calc(var(--axis-distance, 50%) * -1))}}.ticker-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;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.ticker-chip--vertical{align-self:stretch;justify-content:flex-start}.ticker-chip__dot{width:6px;height:6px;border-radius:999px;background:var(--axis-accent);box-shadow:0 0 6px var(--axis-accent);flex-shrink:0}.ticker-cross-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:10px;gap:10px;height:100%;min-height:0;align-items:center;overflow:hidden}.axis-ticker-preview--cross .ticker-viewport--horizontal{align-self:center;height:max-content}.axis-ticker-preview--cross .ticker-viewport--vertical{height:100%;min-height:0}.axis-ticker-preview--cross .ticker-track--accent .ticker-chip{background:rgba(255,255,255,.08)}.detail-hero__preview .pattern-preview.axis-ticker-preview{padding:18px 22px}.detail-hero__preview .pattern-preview.axis-ticker-preview .ticker-axis-badge{top:12px;right:14px}@media (prefers-reduced-motion:reduce){.ticker-track,.ticker-track--horizontal,.ticker-track--vertical{animation:none;flex-wrap:wrap;justify-content:center}.ticker-track--vertical{flex-direction:row}}.pattern-preview.border-ring-preview{--ring-size:86px;--ring-thickness:7px;--ring-duration:0.9s;--ring-accent:rgba(103,232,249,0.95);--ring-track:rgba(103,232,249,0.18);--ring-accent-inner:rgba(244,191,255,0.9);--ring-accent-secondary:rgba(251,191,36,0.95);--ring-inner-inset:14px;position:relative;display:grid;align-content:center;place-items:center;padding:18px;height:180px;overflow:hidden;isolation:isolate}.pattern-preview.border-ring-preview.pattern-preview--inspector{height:auto;min-height:240px;padding:32px}.border-ring{position:relative;width:var(--ring-size);height:var(--ring-size);border-radius:50%;box-sizing:border-box;display:block}.border-ring-preview--classic .border-ring{border:var(--ring-thickness) solid var(--ring-track);border-top-color:var(--ring-accent);animation:borderRingSpin var(--ring-duration) linear infinite}.border-ring-preview--dual .border-ring{border-left-color:transparent;border-bottom:var(--ring-thickness) solid transparent;border-right:var(--ring-thickness) solid transparent;border-top-color:transparent;border-top:var(--ring-thickness) solid var(--ring-accent);border-left:var(--ring-thickness) solid var(--ring-accent);animation:borderRingSpin var(--ring-duration) linear infinite}.border-ring-preview--dual .border-ring:after{content:"";position:absolute;inset:var(--ring-inner-inset);border-radius:50%;border-left:var(--ring-thickness) solid transparent;border-bottom-color:transparent;border-right-color:transparent;border-top:var(--ring-thickness) solid transparent;border-bottom:var(--ring-thickness) solid var(--ring-accent-inner);border-right:var(--ring-thickness) solid var(--ring-accent-inner);box-sizing:border-box;animation:borderRingSpinReverse var(--ring-duration) linear infinite}.border-ring-preview--twoTone .border-ring{border:var(--ring-thickness) solid var(--ring-accent);border-right-color:var(--ring-accent-secondary);border-bottom-color:var(--ring-accent-secondary);animation:borderRingSpin var(--ring-duration) linear infinite}.border-ring-preview:not(.pattern-preview--inspector) .border-ring,.border-ring-preview:not(.pattern-preview--inspector) .border-ring:after{animation-duration:1.2s}@keyframes borderRingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes borderRingSpinReverse{0%{transform:rotate(0deg)}to{transform:rotate(-2turn)}}@media (prefers-reduced-motion:reduce){.border-ring,.border-ring:after{animation:none}}.pattern-preview.ripple-preview{position:relative;display:grid;align-content:center;place-items:center;padding:18px;height:180px;overflow:hidden;isolation:isolate}.pattern-preview.ripple-preview.pattern-preview--inspector{height:auto;min-height:220px;gap:14px;padding:32px}.ripple-preview__hint{margin:0;font-size:.78rem;color:rgba(203,213,225,.72);text-align:center}.ripple-button{position:relative;overflow:hidden;background:var(--ripple-backdrop);color:white;border:0;border-radius:999px;padding:12px 22px;font-size:.9rem;font-weight:600;cursor:pointer;isolation:isolate}.ripple-button:after{content:"";position:absolute;left:var(--ripple-x,50%);top:var(--ripple-y,50%);width:var(--ripple-spread);height:var(--ripple-spread);margin-left:calc(var(--ripple-spread) / -2);margin-top:calc(var(--ripple-spread) / -2);border-radius:50%;background:radial-gradient(circle,var(--ripple-accent) 0,transparent 70%);opacity:0;transform:scale(.2);transition:opacity var(--ripple-duration) ease-out,transform var(--ripple-duration) ease-out,left var(--ripple-duration) ease-out,top var(--ripple-duration) ease-out;pointer-events:none;z-index:-1}.ripple-button.is-rippling:after{opacity:1;transform:scale(1)}.ripple-preview:not(.pattern-preview--inspector) .ripple-button:after{animation:stageRippleExpand 2s ease-out infinite}.ripple-preview--pointer:not(.pattern-preview--inspector) .ripple-button{--ripple-x:28%;--ripple-y:42%}.ripple-preview--burst:not(.pattern-preview--inspector) .ripple-button:after{animation:stageAmbientBurst 2s ease-in-out infinite}@keyframes stageRippleExpand{0%{opacity:0;transform:scale(0)}15%{opacity:.9;transform:scale(.4)}85%,to{opacity:0;transform:scale(1.4)}}@keyframes stageAmbientBurst{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.ripple-button:after{transition-duration:0s}.ripple-preview:not(.pattern-preview--inspector) .ripple-button:after{animation:none}}.pattern-preview.hover-preview{position:relative;display:grid;place-items:center;padding:22px 24px;height:180px;overflow:hidden;isolation:isolate}.pattern-preview.hover-preview.pattern-preview--inspector{height:auto;min-height:220px;gap:14px}.hover-preview__hint{margin:0;font-size:.78rem;color:rgba(203,213,225,.72);text-align:center}.hover-card{display:flex;flex-direction:column;gap:6px;width:100%;max-width:230px;padding:14px 16px;border-radius:12px;text-decoration:none;color:rgba(241,245,249,.96);font:inherit;background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,6,23,.92));border:1px solid rgba(148,163,184,.16);box-shadow:var(--card-rest-shadow,0 0 0 0 transparent);transform:translateY(0);transition:box-shadow var(--card-duration,.18s) ease,transform var(--card-duration,.18s) ease,border-color var(--card-duration,.18s) ease}.hover-card.is-hovered,.hover-card:focus-visible,.hover-card:hover{box-shadow:var(--card-hover-shadow,0 4px 12px rgba(0,0,0,.55));transform:translateY(var(--card-lift,0));border-color:color-mix(in srgb,var(--card-accent,#7dd3fc) 32%,rgba(148,163,184,.16))}.hover-card:focus-visible{outline:2px solid var(--card-accent,#7dd3fc);outline-offset:4px}.hover-card--dashboard{background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,6,23,.86))}.hover-card--dashboard .hover-card__eyebrow{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(148,163,184,.85)}.hover-card--dashboard .hover-card__metric{font-size:1.4rem;font-weight:700;letter-spacing:-.01em;color:rgba(241,245,249,.96);line-height:1.1}.hover-card--dashboard .hover-card__delta{font-size:.74rem;font-weight:600;color:rgba(125,211,252,.92)}.hover-card--catalogue{padding:12px 12px 14px;gap:8px}.hover-card--catalogue .hover-card__thumb{display:block;width:100%;height:56px;border-radius:8px;background:linear-gradient(135deg,rgba(240,171,252,.32),rgba(125,211,252,.28));border:1px solid rgba(148,163,184,.12)}.hover-card--catalogue .hover-card__title{font-size:.84rem;font-weight:600;color:rgba(241,245,249,.94);letter-spacing:.005em}.hover-card--catalogue .hover-card__price{font-size:.86rem;font-weight:700;color:rgba(240,171,252,.92)}.hover-card--hero{background:linear-gradient(135deg,color-mix(in srgb,#fde047 14%,rgba(15,23,42,.92)),rgba(2,6,23,.96));border-color:color-mix(in srgb,#fde047 24%,rgba(148,163,184,.16));padding:16px 18px}.hover-card--hero .hover-card__eyebrow{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(254,240,138,.78)}.hover-card--hero .hover-card__title{font-size:.96rem;font-weight:700;letter-spacing:-.005em;color:rgba(254,252,232,.96);line-height:1.2}.hover-card--hero .hover-card__cta{margin-top:4px;display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:rgba(254,240,138,.92)}.hover-preview:not(.pattern-preview--inspector) .hover-card{animation:hoverCardCycle 2.6s ease-in-out infinite}@keyframes hoverCardCycle{0%,to{box-shadow:var(--card-rest-shadow,0 0 0 0 transparent);transform:translateY(0)}50%{box-shadow:var(--card-hover-shadow,0 4px 12px rgba(0,0,0,.55));transform:translateY(var(--card-lift,0))}}@media (prefers-reduced-motion:reduce){.hover-card{transition-property:box-shadow,border-color}.hover-preview:not(.pattern-preview--inspector) .hover-card{animation:none}.hover-card.is-hovered,.hover-card:focus-visible,.hover-card:hover{transform:none}}.pattern-preview.conic-preview{--conic-size:96px;--conic-mask-thickness:18%;--conic-duration:1.1s;--conic-background:conic-gradient(from 180deg,rgba(103,232,249,0.98) 0deg 90deg,rgba(103,232,249,0) 90deg 360deg);--conic-track:rgba(103,232,249,0.18);display:grid;align-content:center;place-items:center;padding:18px;height:180px;overflow:hidden;isolation:isolate}.pattern-preview.conic-preview.pattern-preview--inspector{height:auto;min-height:240px;padding:32px}.conic-ring{width:var(--conic-size);height:var(--conic-size);border-radius:50%;background:var(--conic-background),var(--conic-track);background-repeat:no-repeat;-webkit-mask:radial-gradient(circle at center,transparent calc(50% - var(--conic-mask-thickness) - .5px),black calc(50% - var(--conic-mask-thickness)));mask:radial-gradient(circle at center,transparent calc(50% - var(--conic-mask-thickness) - .5px),black calc(50% - var(--conic-mask-thickness)));animation:conicSpin var(--conic-duration) linear infinite;transform-origin:center;display:block}.conic-preview:not(.pattern-preview--inspector) .conic-ring{animation-duration:1.2s}@keyframes conicSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.conic-ring{animation:none}}.pattern-preview.focus-preview{position:relative;display:grid;place-items:center;padding:18px;height:180px;overflow:hidden;isolation:isolate}.pattern-preview.focus-preview.pattern-preview--inspector{height:auto;min-height:220px;padding:28px 24px;gap:14px;align-content:center}.focus-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-accent,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-preview__hint{margin:0;font-size:.78rem;color:rgba(203,213,225,.72);text-align:center}.focus-scene{display:grid;grid-gap:12px;gap:12px;align-items:center;width:100%;max-width:280px}.focus-target{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;outline:0 solid transparent;outline-offset:0}.focus-scene--ring{grid-template-rows:auto auto;justify-items:stretch}.focus-scene--ring .focus-scene__field{display:flex;flex-direction:column;gap:4px;padding:9px 12px;border-radius:8px;background:rgba(2,6,23,.55);border:1px solid rgba(125,211,252,.18)}.focus-scene--ring .focus-scene__field-label{font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(148,163,184,.85)}.focus-scene--ring .focus-scene__field-value{font-size:.86rem;color:rgba(241,245,249,.92);letter-spacing:.01em}.focus-target--ring{justify-self:stretch;padding:11px 18px;border-radius:10px;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;transform:scale(.985);transition:transform var(--focus-duration,.18s) cubic-bezier(.45,1.4,.5,1),outline-color var(--focus-duration,.18s) ease,outline-width var(--focus-duration,.18s) ease,border-color var(--focus-duration,.18s) ease}.focus-target--ring.is-focused,.focus-target--ring:focus-visible{outline:var(--focus-ring-width,2px) solid var(--focus-accent,#7dd3fc);outline-offset:var(--focus-offset,3px);transform:scale(1);border-color:rgba(125,211,252,.55)}.focus-scene--underline{display:block;margin:0;padding:0 6px;font-size:.92rem;line-height:1.55;color:rgba(203,213,225,.78);text-align:center;letter-spacing:.005em}.focus-scene--underline .focus-scene__lede{color:rgba(203,213,225,.74)}.focus-target--underline{display:inline-flex;align-items:baseline;gap:3px;padding:1px 2px;color:rgba(241,245,249,.92);font-weight:600;border-radius:3px;text-decoration:none;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;transition:color var(--focus-duration,.18s) ease,text-decoration-thickness var(--focus-duration,.18s) ease,-webkit-text-decoration-color var(--focus-duration,.18s) ease;transition:color var(--focus-duration,.18s) ease,text-decoration-color var(--focus-duration,.18s) ease,text-decoration-thickness var(--focus-duration,.18s) ease;transition:color var(--focus-duration,.18s) ease,text-decoration-color var(--focus-duration,.18s) ease,text-decoration-thickness var(--focus-duration,.18s) ease,-webkit-text-decoration-color var(--focus-duration,.18s) ease}.focus-target--underline.is-focused,.focus-target--underline:focus-visible{outline:2px solid transparent;color:var(--focus-accent,#f0abfc);text-decoration:underline;-webkit-text-decoration-color:var(--focus-accent,#f0abfc);text-decoration-color:var(--focus-accent,#f0abfc);text-decoration-thickness:var(--focus-ring-width,2px);text-underline-offset:4px}.focus-target__pip{display:inline-block;font-size:.86em;opacity:0;transform:translateX(-3px);transition:opacity var(--focus-duration,.18s) ease,transform var(--focus-duration,.18s) cubic-bezier(.2,.8,.2,1)}.focus-target--underline.is-focused .focus-target__pip,.focus-target--underline:focus-visible .focus-target__pip{opacity:1;transform:translateX(0)}.focus-scene--shadow{grid-template-rows:auto auto;gap:14px;justify-items:center;padding:14px 16px 18px;border-radius:14px;background:linear-gradient(180deg,rgba(2,6,23,.55),rgba(15,23,42,.32));border:1px solid rgba(253,224,71,.12)}.focus-scene--shadow .focus-scene__caption{font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(254,240,138,.78)}.focus-target--shadow{padding:11px 26px;border-radius:999px;background:linear-gradient(180deg,#1e293b,#0f172a);color:rgba(254,252,232,.96);border:1px solid rgba(253,224,71,.34);font-size:.9rem;font-weight:600;letter-spacing:.02em;transition:box-shadow var(--focus-duration,.18s) ease,border-color var(--focus-duration,.18s) ease}.focus-target--shadow.is-focused,.focus-target--shadow:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 2px rgba(2,6,23,.9),0 0 0 calc(4px + var(--focus-shadow-blur, 6px)) var(--focus-accent,#fde047);border-color:color-mix(in srgb,var(--focus-accent,#fde047) 55%,transparent)}@media (prefers-reduced-motion:reduce){.focus-target,.focus-target__pip{transition:none}}.pattern-preview.theme-preview{position:relative;display:grid;grid-template-columns:1fr;align-content:center;justify-items:center;grid-gap:10px;gap:10px;padding:14px;height:180px;overflow:hidden;isolation:isolate}.theme-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)}.theme-stage{width:100%;display:grid;place-items:center}.theme-panel{width:200px;display:grid;grid-gap:8px;gap:8px;padding:10px 12px 12px;border-radius:12px;background:var(--theme-light-bg);border:1px solid rgba(15,23,42,.1);box-shadow:0 6px 14px rgba(15,23,42,.18)}.theme-header{display:grid;grid-template-columns:24px 1fr 32px;align-items:center;grid-gap:8px;gap:8px}.theme-avatar{width:22px;height:22px;border-radius:50%;background:#e2e8f0}.theme-meta{display:grid;grid-gap:4px;gap:4px}.theme-line{display:block;height:4px;border-radius:999px}.theme-line--title{width:70%;background:var(--theme-light-text)}.theme-line--sub{width:44%;height:3px;background:var(--theme-light-text-muted)}.theme-toggle{position:relative;width:32px;height:16px;border-radius:999px;background:var(--theme-light-track)}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,.2)}.theme-body{display:grid;grid-gap:5px;gap:5px}.theme-line--body{width:100%;background:var(--theme-light-text-muted)}.theme-line--body-short{width:70%}.theme-button{width:56px;height:16px;border-radius:6px;background:var(--theme-light-button);margin-top:2px}.theme-preview--motion-safe .theme-panel{transition:background-color var(--theme-duration,1.1s) ease-in-out,border-color var(--theme-duration,1.1s) ease-in-out}.theme-preview--motion-safe .theme-avatar,.theme-preview--motion-safe .theme-button,.theme-preview--motion-safe .theme-line,.theme-preview--motion-safe .theme-toggle{transition:background-color var(--theme-duration,1.1s) ease-in-out}.theme-preview--motion-safe .theme-toggle-thumb{transition:transform var(--theme-duration,1.1s) ease-in-out}.theme-preview--motion-safe .theme-panel[data-mode=dark]{background:var(--theme-dark-bg);border-color:rgba(248,250,252,.08)}.theme-preview--motion-safe .theme-avatar[data-mode=dark]{background:#334155}.theme-preview--motion-safe .theme-line--title[data-mode=dark]{background:var(--theme-dark-text)}.theme-preview--motion-safe .theme-line--body[data-mode=dark],.theme-preview--motion-safe .theme-line--sub[data-mode=dark]{background:var(--theme-dark-text-muted)}.theme-preview--motion-safe .theme-toggle[data-mode=dark]{background:var(--theme-dark-track)}.theme-preview--motion-safe .theme-toggle-thumb[data-mode=dark]{transform:translateX(16px)}.theme-preview--motion-safe .theme-button[data-mode=dark]{background:var(--theme-dark-button)}.theme-preview--motion-caveat .theme-avatar,.theme-preview--motion-caveat .theme-button,.theme-preview--motion-caveat .theme-line,.theme-preview--motion-caveat .theme-panel,.theme-preview--motion-caveat .theme-toggle,.theme-preview--motion-caveat .theme-toggle-thumb{transition:all var(--theme-duration,1.1s) ease-in-out}.theme-preview--motion-caveat .theme-panel[data-mode=dark]{background:var(--theme-dark-bg);border-color:rgba(248,250,252,.08);width:calc(200px + 32px * var(--theme-caveat-strength, 1));padding:calc(10px + 6px * var(--theme-caveat-strength, 1)) calc(12px + 6px * var(--theme-caveat-strength, 1)) calc(12px + 6px * var(--theme-caveat-strength, 1))}.theme-preview--motion-caveat .theme-avatar[data-mode=dark]{background:#334155}.theme-preview--motion-caveat .theme-line--title[data-mode=dark]{background:var(--theme-dark-text)}.theme-preview--motion-caveat .theme-line--body[data-mode=dark],.theme-preview--motion-caveat .theme-line--sub[data-mode=dark]{background:var(--theme-dark-text-muted)}.theme-preview--motion-caveat .theme-toggle[data-mode=dark]{background:var(--theme-dark-track)}.theme-preview--motion-caveat .theme-toggle-thumb[data-mode=dark]{left:calc(2px + 16px * var(--theme-caveat-strength, 1))}.theme-preview--motion-caveat .theme-button[data-mode=dark]{background:var(--theme-dark-button);width:calc(56px + 28px * var(--theme-caveat-strength, 1))}@media (prefers-reduced-motion:reduce){.theme-avatar,.theme-button,.theme-line,.theme-panel,.theme-toggle,.theme-toggle-thumb{transition:none!important}}.pattern-preview.sheet-preview{position:relative;display:grid;place-items:center;padding:14px;height:180px;overflow:hidden;isolation:isolate}.pattern-preview.sheet-preview.pattern-preview--inspector{height:auto;min-height:220px;gap:14px}.sheet-preview__hint{margin:0;font-size:.78rem;color:rgba(203,213,225,.72);text-align:center}.sheet-stage-frame{position:relative;width:100%;max-width:320px;height:152px;border-radius:14px;background:linear-gradient(180deg,rgba(2,6,23,.65),rgba(15,23,42,.55));border:1px solid rgba(148,163,184,.14);overflow:hidden;isolation:isolate}.sheet-page{position:absolute;inset:14px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.sheet-page__chip{align-self:flex-start;padding:2px 8px;border-radius:999px;background:rgba(148,163,184,.16);color:rgba(203,213,225,.72);font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sheet-page__row{height:6px;border-radius:4px;background:rgba(148,163,184,.16)}.sheet-page__row--w70{width:70%}.sheet-page__row--w55{width:55%}.sheet-page__row--w45{width:45%}.sheet-page__row--w60{width:60%}.sheet-trigger{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:3;padding:7px 14px;border-radius:999px;background:color-mix(in srgb,var(--sheet-accent,#7dd3fc) 16%,rgba(15,23,42,.96));border:1px solid color-mix(in srgb,var(--sheet-accent,#7dd3fc) 40%,rgba(148,163,184,.22));color:rgba(241,245,249,.96);font:inherit;font-size:.74rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.sheet-trigger:hover{background:color-mix(in srgb,var(--sheet-accent,#7dd3fc) 28%,rgba(15,23,42,.96))}.sheet-trigger:focus-visible{outline:2px solid var(--sheet-accent,#7dd3fc);outline-offset:2px}.sheet-backdrop{position:absolute;inset:0;z-index:1;background:rgba(2,6,23,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity var(--sheet-duration,.28s) ease}.sheet-backdrop--open{opacity:1}.sheet-panel{position:absolute;z-index:2;padding:14px 14px 16px;background:linear-gradient(180deg,#0f172a,#060c1a);display:flex;flex-direction:column;gap:10px;transition:transform var(--sheet-duration,.552s) cubic-bezier(.45,0,.25,1.05);box-shadow:0 0 32px rgba(2,6,23,.55)}.sheet-panel--right{top:0;bottom:0;right:0;width:66.67%;border-left:1px solid rgba(148,163,184,.18);transform:translateX(110%)}.sheet-panel--bottom{left:0;right:0;bottom:0;height:66.67%;border-top:1px solid rgba(148,163,184,.18);border-top-left-radius:16px;border-top-right-radius:16px;padding-top:22px;transform:translateY(110%)}.sheet-panel--bottom:before{content:"";position:absolute;top:8px;left:50%;width:38px;height:4px;border-radius:999px;background:rgba(148,163,184,.4);transform:translateX(-50%)}.sheet-panel--left{inset:0;transform:translateX(-100%)}.sheet-panel--open{transform:translate(0)}.sheet-preview:not(.pattern-preview--inspector) .sheet-panel{transition:none;animation-duration:4.6s;animation-timing-function:cubic-bezier(.45,0,.25,1.05);animation-iteration-count:infinite}.sheet-preview:not(.pattern-preview--inspector) .sheet-panel--right{animation-name:sheetSlideRight}.sheet-preview:not(.pattern-preview--inspector) .sheet-panel--bottom{animation-name:sheetSlideBottom}.sheet-preview:not(.pattern-preview--inspector) .sheet-panel--left{animation-name:sheetSlideLeft}.sheet-preview:not(.pattern-preview--inspector) .sheet-backdrop{animation:sheetBackdropFade 4.6s ease-in-out infinite}@keyframes sheetSlideRight{0%,12%{transform:translateX(110%)}24%,78%{transform:translateX(0)}90%,to{transform:translateX(110%)}}@keyframes sheetSlideBottom{0%,12%{transform:translateY(110%)}24%,78%{transform:translateY(0)}90%,to{transform:translateY(110%)}}@keyframes sheetSlideLeft{0%,12%{transform:translateX(-110%)}24%,78%{transform:translateX(0)}90%,to{transform:translateX(-110%)}}@keyframes sheetBackdropFade{0%,12%{opacity:0}22%,78%{opacity:1}88%,to{opacity:0}}.sheet-panel__header{display:flex;flex-direction:column;gap:2px;padding-bottom:6px;border-bottom:1px solid rgba(148,163,184,.14)}.sheet-panel__eyebrow{font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sheet-accent,#7dd3fc)}.sheet-panel__title{margin:0;font-size:.78rem;font-weight:700;color:rgba(241,245,249,.96);letter-spacing:.005em}.sheet-panel__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.sheet-panel__item{padding:5px 8px;border-radius:6px;background:rgba(148,163,184,.08);font-size:.7rem;font-weight:500;color:rgba(203,213,225,.85)}@media (prefers-reduced-motion:reduce){.sheet-backdrop,.sheet-panel{transition:none}}.elastic-stage{display:grid;place-items:center;place-content:center}.elastic-stage__phrase{display:flex;flex-wrap:wrap;justify-content:center;gap:0 .4em;margin:0;color:var(--elastic-fg,#e0f2fe);font-size:clamp(1.3rem,3vw,2.2rem);font-weight:700;line-height:1;letter-spacing:.01em;text-shadow:0 0 22px var(--elastic-soft,rgba(103,232,249,.14))}.pattern-preview--inspector .elastic-stage__phrase{font-size:clamp(1.8rem,4vw,3rem)}.elastic-stage__word{display:inline-block;transform-origin:50% 100%;animation-iteration-count:infinite;animation-fill-mode:both;animation-duration:var(--elastic-duration,2.6s);animation-delay:calc(var(--elastic-index, 0) * var(--elastic-stagger, 90ms))}.elastic-stage--badge .elastic-stage__word{animation-name:elastic-rebound;animation-timing-function:cubic-bezier(.22,1.45,.36,1)}.elastic-stage--headline .elastic-stage__word{animation-name:elastic-slide;animation-timing-function:cubic-bezier(.34,1.5,.5,1)}.elastic-stage--toast .elastic-stage__word{animation-name:elastic-pop;animation-timing-function:cubic-bezier(.4,1.4,.5,1);transform-origin:50% 50%}@keyframes elastic-rebound{0%{opacity:0;transform:translateY(calc(18px * var(--elastic-intensity, 1))) scale(.92)}35%{opacity:1;transform:translateY(calc(-5px * var(--elastic-intensity, 1))) scale(calc(1 + .05 * var(--elastic-intensity, 1)))}55%{opacity:1;transform:translateY(0) scale(1)}88%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.96)}}@keyframes elastic-slide{0%{opacity:0;transform:translateX(calc(-26px * var(--elastic-intensity, 1))) scale(.96)}40%{opacity:1;transform:translateX(calc(4px * var(--elastic-intensity, 1))) scale(calc(1 + .02 * var(--elastic-intensity, 1)))}60%{opacity:1;transform:translateX(0) scale(1)}88%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(8px) scale(.97)}}@keyframes elastic-pop{0%{opacity:0;transform:scale(calc(.7 + .05 * (1 - var(--elastic-intensity, 1))))}40%{opacity:1;transform:scale(calc(1 + .06 * var(--elastic-intensity, 1)))}60%{opacity:1;transform:scale(1)}88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}}@media (prefers-reduced-motion:reduce){.elastic-stage__word{animation:none;opacity:1;transform:none}}.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%)}}.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}}@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)}}