.Previews-module__i3V_yW__scene{--pitch:3px;--dot:2px;contain:layout paint;background:radial-gradient(90% 85% at 50% 46%, color-mix(in srgb, var(--tone,#8e9bff) 8%, #040406), #020203 72%);position:absolute;inset:0;overflow:hidden}.Previews-module__i3V_yW__scene:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0b,inset 0 0 56px #000000bf}.Previews-module__i3V_yW__bloom{filter:drop-shadow(0 0 2px color-mix(in srgb, var(--tone,#8e9bff) 65%, transparent));transition:filter .35s;position:absolute;inset:0}a:hover .Previews-module__i3V_yW__bloom{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--tone,#8e9bff) 90%, transparent)) brightness(1.15)}.Previews-module__i3V_yW__led{-webkit-mask:linear-gradient(90deg, #000 var(--dot), transparent 0) 0 0 / var(--pitch) var(--pitch), linear-gradient(#000 var(--dot), transparent 0) 0 0 / var(--pitch) var(--pitch);-webkit-mask-composite:source-in;-webkit-mask:linear-gradient(90deg, #000 var(--dot), transparent 0) 0 0 / var(--pitch) var(--pitch), linear-gradient(#000 var(--dot), transparent 0) 0 0 / var(--pitch) var(--pitch);mask:linear-gradient(90deg, #000 var(--dot), transparent 0) 0 0 / var(--pitch) var(--pitch), linear-gradient(#000 var(--dot), transparent 0) 0 0 / var(--pitch) var(--pitch);animation:1.2s cubic-bezier(.2,.7,.2,1) both Previews-module__i3V_yW__power-on;position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.Previews-module__i3V_yW__led>svg,.Previews-module__i3V_yW__ink{width:100%;height:100%;padding:8px;position:absolute;inset:0;overflow:visible}.Previews-module__i3V_yW__ink{fill:#6c7390;pointer-events:none;animation:.6s ease-out .7s both Previews-module__i3V_yW__ink-in}.Previews-module__i3V_yW__ink text{font-family:var(--font-mono), monospace;letter-spacing:1.6px;font-size:13px}.Previews-module__i3V_yW__scene[data-running=false] *{animation-play-state:paused!important}@keyframes Previews-module__i3V_yW__power-on{0%{clip-path:circle(0%)}to{clip-path:circle(100%)}}@keyframes Previews-module__i3V_yW__ink-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.Previews-module__i3V_yW__led,.Previews-module__i3V_yW__ink{animation:none}.Previews-module__i3V_yW__bloom{transition:none}}
.Demos-module__sMHZZW__hero{isolation:isolate;position:relative}.Demos-module__sMHZZW__segment{border:1px solid var(--color-edge);background:var(--color-panel);flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex}.Demos-module__sMHZZW__segment button{height:32px;color:var(--color-dim);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 12px;font-size:11px;transition:color .15s,background-color .15s;display:inline-flex}.Demos-module__sMHZZW__segment button:hover{color:var(--color-fg);background:var(--color-bar)}.Demos-module__sMHZZW__segment button:focus-visible{outline-offset:2px;outline:2px solid #b7c1ff}.Demos-module__sMHZZW__segment button[aria-pressed=true]{color:#000;background:var(--tone)}.Demos-module__sMHZZW__segment i{background:var(--tone);width:6px;height:6px}.Demos-module__sMHZZW__segment button[aria-pressed=true] i{background:#000}.Demos-module__sMHZZW__segment small{opacity:.6;font-size:10px}.Demos-module__sMHZZW__bento{grid-template-columns:minmax(0,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}.Demos-module__sMHZZW__bento>li{min-width:0;display:flex}.Demos-module__sMHZZW__bento>li>*{flex:auto;min-width:0}@media (min-width:640px){.Demos-module__sMHZZW__bento{grid-template-columns:repeat(2,minmax(0,1fr))}.Demos-module__sMHZZW__featured{grid-column:span 2}}@media (min-width:640px) and (max-width:1099.98px){.Demos-module__sMHZZW__big{flex-direction:row}.Demos-module__sMHZZW__big .Demos-module__sMHZZW__screen{aspect-ratio:auto;flex:1.25;min-height:260px;margin:10px 0 10px 10px}.Demos-module__sMHZZW__big .Demos-module__sMHZZW__body{flex:1}}@media (min-width:1100px){.Demos-module__sMHZZW__bento{grid-template-columns:repeat(4,minmax(0,1fr))}.Demos-module__sMHZZW__bento[data-even]{grid-template-columns:repeat(3,minmax(0,1fr))}.Demos-module__sMHZZW__featured{grid-row:span 2}.Demos-module__sMHZZW__big .Demos-module__sMHZZW__screen{aspect-ratio:auto;flex:1;min-height:300px}.Demos-module__sMHZZW__big .Demos-module__sMHZZW__body{flex:none}}.Demos-module__sMHZZW__card{--tone:var(--color-iris);border:1px solid var(--color-line);background:var(--color-panel);color:inherit;flex-direction:column;text-decoration:none;transition:border-color .2s,background-color .2s;display:flex;position:relative}a.Demos-module__sMHZZW__card:hover{border-color:color-mix(in srgb, var(--tone) 45%, var(--color-line));background:color-mix(in srgb, var(--color-panel) 96%, var(--tone))}a.Demos-module__sMHZZW__card:focus-visible{outline-offset:4px;outline:2px solid #b7c1ff}.Demos-module__sMHZZW__card.Demos-module__sMHZZW__idle .Demos-module__sMHZZW__foot{opacity:.65}.Demos-module__sMHZZW__screen{aspect-ratio:8/5;background:color-mix(in srgb, var(--color-panel) 94%, var(--color-fg));min-height:185px;margin:10px 10px 0;position:relative;overflow:hidden}.Demos-module__sMHZZW__motionToggle{color:var(--color-dim);font-family:var(--font-mono);cursor:pointer;padding:8px 0;font-size:11px}.Demos-module__sMHZZW__motionToggle:hover{color:var(--color-fg)}.Demos-module__sMHZZW__motionToggle:focus-visible{outline:2px solid var(--color-iris);outline-offset:4px}.Demos-module__sMHZZW__corner{z-index:2;font-family:var(--font-mono);letter-spacing:.12em;color:#8fa0ba;font-size:10px;position:absolute;top:8px;left:10px}.Demos-module__sMHZZW__corner b{background:var(--color-iris);color:#000;text-transform:uppercase;letter-spacing:.1em;padding:4px 7px;font-weight:700;display:inline-block}.Demos-module__sMHZZW__kind{z-index:2;border:1px solid var(--color-edge);background:var(--color-panel);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-soft);align-items:center;gap:6px;padding:3px 7px;font-size:10px;display:inline-flex;position:absolute;top:8px;right:10px}.Demos-module__sMHZZW__kind i{background:var(--tone);width:6px;height:6px}.Demos-module__sMHZZW__play{z-index:2;border:1px solid var(--color-edge);background:var(--color-panel);min-height:32px;color:var(--color-soft);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;padding:0 10px;font-size:10px;display:inline-flex;position:absolute;bottom:10px;right:10px}a.Demos-module__sMHZZW__card:hover .Demos-module__sMHZZW__play,a.Demos-module__sMHZZW__card:focus-visible .Demos-module__sMHZZW__play{color:var(--color-fg);border-color:var(--tone)}.Demos-module__sMHZZW__big .Demos-module__sMHZZW__play{min-height:36px;font-size:11px}.Demos-module__sMHZZW__body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.Demos-module__sMHZZW__title{letter-spacing:-.02em;font-size:21px;font-weight:600;line-height:1.1}.Demos-module__sMHZZW__line{color:var(--color-dim);font-size:14px;line-height:1.55}.Demos-module__sMHZZW__big .Demos-module__sMHZZW__body{gap:14px;padding:20px 22px 22px}.Demos-module__sMHZZW__big .Demos-module__sMHZZW__title{font-size:clamp(26px,2.4vw,36px)}.Demos-module__sMHZZW__big .Demos-module__sMHZZW__line{max-width:46ch;color:var(--color-soft);font-size:16px}.Demos-module__sMHZZW__flow{border-block:1px solid var(--color-line);font-family:var(--font-mono);color:var(--color-soft);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin-top:auto;padding:10px 0;font-size:11px;line-height:1.35;display:grid}.Demos-module__sMHZZW__flow>span{flex-direction:column;gap:3px;min-width:0;display:flex}.Demos-module__sMHZZW__flow>span:last-child{text-align:right;align-items:flex-end}.Demos-module__sMHZZW__flow small{letter-spacing:.12em;text-transform:uppercase;color:var(--color-mute);font-size:10px}.Demos-module__sMHZZW__flow>b{border:1px solid color-mix(in srgb, var(--tone) 50%, #000);color:var(--tone);letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;font-size:10px;font-weight:700;position:relative}.Demos-module__sMHZZW__flow>b:before,.Demos-module__sMHZZW__flow>b:after{content:"";background:var(--color-edge);width:10px;height:1px;position:absolute;top:50%}.Demos-module__sMHZZW__flow>b:before{right:100%}.Demos-module__sMHZZW__flow>b:after{left:100%}a.Demos-module__sMHZZW__card:hover .Demos-module__sMHZZW__flow>b{background:color-mix(in srgb, var(--tone) 12%, transparent)}.Demos-module__sMHZZW__foot{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-dim);justify-content:space-between;align-items:center;font-size:11px;display:flex}.Demos-module__sMHZZW__cta{color:var(--color-dim);align-items:center;gap:8px;transition:color .15s;display:inline-flex}a.Demos-module__sMHZZW__card:hover .Demos-module__sMHZZW__cta{color:var(--tone)}.Demos-module__sMHZZW__closing{border:1px dashed var(--color-edge);flex-direction:column;padding:22px;display:flex}.Demos-module__sMHZZW__closingMain,.Demos-module__sMHZZW__closingAlt{height:42px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 14px;font-size:11px;transition:background-color .15s,border-color .15s,color .15s,box-shadow .2s;display:flex}.Demos-module__sMHZZW__closingMain{background:var(--color-iris);color:#000;font-weight:700}.Demos-module__sMHZZW__closingMain:hover{background:#aab4ff;box-shadow:0 0 24px #8e9bff66}.Demos-module__sMHZZW__closingAlt{border:1px solid var(--color-edge);background:var(--color-void);color:var(--color-soft)}.Demos-module__sMHZZW__closingAlt:hover{color:var(--color-fg);border-color:#555}.Demos-module__sMHZZW__bar{border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000db}.Demos-module__sMHZZW__bar:after{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, var(--color-iris), transparent) no-repeat;background-size:28% 100%;height:1px;animation:4.5s linear infinite Demos-module__sMHZZW__bar-sweep;position:absolute;bottom:-1px;left:0;right:0}.Demos-module__sMHZZW__tab{--tone:var(--color-iris);border-left:1px solid var(--color-line);font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-mute);flex-shrink:0;align-items:center;gap:8px;padding:0 14px;font-size:11px;transition:color .15s,background-color .15s;display:flex;position:relative}.Demos-module__sMHZZW__tab:last-child{border-right:1px solid var(--color-line)}.Demos-module__sMHZZW__tab i{background:var(--tone);opacity:.45;width:6px;height:6px;transition:opacity .15s,box-shadow .15s}.Demos-module__sMHZZW__tab:hover{color:var(--color-fg);background:#ffffff08}.Demos-module__sMHZZW__tab:hover i,.Demos-module__sMHZZW__tab[aria-current] i{opacity:1;box-shadow:0 0 8px var(--tone)}.Demos-module__sMHZZW__tab:focus-visible{outline-offset:-2px;outline:2px solid #b7c1ff}.Demos-module__sMHZZW__tabNum{font-variant-numeric:tabular-nums}.Demos-module__sMHZZW__tabTitle{white-space:nowrap;max-width:0;font-family:var(--font-display);letter-spacing:-.01em;font-size:13.5px;font-weight:600;transition:max-width .3s cubic-bezier(.2,.8,.2,1);overflow:hidden}.Demos-module__sMHZZW__tab:hover .Demos-module__sMHZZW__tabTitle,.Demos-module__sMHZZW__tab:focus-visible .Demos-module__sMHZZW__tabTitle{max-width:160px}.Demos-module__sMHZZW__tab[aria-current]{color:var(--color-fg);background:linear-gradient(to bottom, color-mix(in srgb, var(--tone) 16%, transparent), transparent 75%)}.Demos-module__sMHZZW__tab[aria-current] .Demos-module__sMHZZW__tabTitle{max-width:200px}.Demos-module__sMHZZW__tab[aria-current]:before{content:"";background:var(--tone);height:2px;box-shadow:0 0 12px var(--tone);position:absolute;top:0;left:0;right:0}.Demos-module__sMHZZW__back{border:1px solid var(--color-edge);height:36px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-soft);flex-shrink:0;align-items:center;gap:8px;padding:0 12px;font-size:11px;transition:border-color .15s,color .15s,background-color .15s;display:flex}.Demos-module__sMHZZW__back:hover{border-color:var(--color-iris);color:var(--color-fg);background:#8e9bff14}.Demos-module__sMHZZW__back:focus-visible{outline-offset:2px;outline:2px solid #b7c1ff}.Demos-module__sMHZZW__back svg{transition:transform .2s steps(2,end)}.Demos-module__sMHZZW__back:hover svg{transform:translate(-3px)}.Demos-module__sMHZZW__barStart{background:var(--color-iris);color:#000;height:36px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;cursor:pointer;border:0;align-items:center;gap:8px;padding:0 14px;font-size:11px;font-weight:700;transition:background-color .15s;animation:1.8s ease-out infinite Demos-module__sMHZZW__bar-ring;display:inline-flex}.Demos-module__sMHZZW__barStart:hover{background:#aab4ff}.Demos-module__sMHZZW__barStart:focus-visible{outline-offset:3px;outline:2px solid #c9cfff}@keyframes Demos-module__sMHZZW__bar-sweep{0%{background-position:-40% 0}to{background-position:140% 0}}@keyframes Demos-module__sMHZZW__bar-ring{0%{box-shadow:0 0 #8e9bff99}70%,to{box-shadow:0 0 0 10px #8e9bff00}}@media (prefers-reduced-motion:reduce){.Demos-module__sMHZZW__card,.Demos-module__sMHZZW__play,.Demos-module__sMHZZW__back svg{transition:none}.Demos-module__sMHZZW__barStart,.Demos-module__sMHZZW__bar:after{animation:none}.Demos-module__sMHZZW__tabTitle{transition:none}}