.motion-scene{--ease-transfer:cubic-bezier(.77, 0, .175, 1);border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--foreground);box-shadow:inset 0 1px 0 var(--surface-highlight);border-radius:22px;margin:28px 0;position:relative;overflow:hidden}.motion-scene-stage{min-width:0;padding:clamp(16px,2.5vw,32px)}.motion-scene-stage>svg{width:100%;height:auto;display:block;overflow:visible}.motion-scene-caption{min-width:0;color:var(--muted);padding:0 20px 12px;font-size:13px;line-height:1.6}.motion-scene[data-motion=paused] .motion-scene-stage,.motion-scene[data-motion=paused] .motion-scene-stage *,.motion-scene[data-motion=paused] .motion-scene-stage :before,.motion-scene[data-motion=paused] .motion-scene-stage :after{animation-play-state:paused!important}.motion-scene[data-motion=reduced] .motion-scene-stage,.motion-scene[data-motion=reduced] .motion-scene-stage *,.motion-scene[data-motion=reduced] .motion-scene-stage :before,.motion-scene[data-motion=reduced] .motion-scene-stage :after{animation:none!important}@media (max-width:640px){.motion-scene{border-radius:16px;margin-block:24px}.motion-scene-caption{gap:12px;padding-inline:16px;font-size:12px}}@media (prefers-reduced-motion:reduce){.motion-scene .motion-scene-stage,.motion-scene .motion-scene-stage *{animation:none!important}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.motion-scene{background:var(--surface-strong);border-color:var(--foreground);box-shadow:none}}@media (forced-colors:active){.motion-scene{color:canvastext;box-shadow:none;background:canvas;border-color:canvastext}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.motion-scene:is([data-motion=running],[data-motion=paused]) .motion-scene-stage{animation:1s linear both motion-scene-scroll-shift;animation-timeline:view();animation-range:entry exit}}}@keyframes motion-scene-scroll-shift{0%{transform:translateY(12px)}to{transform:translateY(-12px)}}
.pm-scene{margin:0 0 32px}.pm-composition{grid-template-columns:1fr 1fr;gap:48px;padding:36px 32px 28px;display:grid}.pm-route{min-width:0}.pm-route-label{color:var(--muted);align-items:center;gap:9px;font-size:12px;font-weight:550;line-height:1.5;display:flex}.pm-route-dot{background:var(--warning);border-radius:50%;width:6px;height:6px}.pm-automated .pm-route-dot{background:var(--success)}.pm-window-stack,.pm-source-scene{height:204px;margin-top:10px;position:relative}.pm-window{border:1px solid var(--border);background:var(--surface-strong);box-shadow:inset 0 1px 0 var(--surface-highlight), 0 12px 26px var(--shadow);border-radius:12px;overflow:hidden}.pm-window-1{width:calc(100% - 26px);position:absolute;top:28px;left:0;transform:rotate(-3deg)}.pm-window-2{width:calc(100% - 26px);position:absolute;top:90px;left:26px;transform:rotate(2deg)}.pm-window-bar{border-bottom:1px solid var(--line);min-height:34px;color:var(--muted);align-items:center;gap:10px;padding:0 12px;font-size:10px;display:flex}.pm-window-lights{gap:4px;display:inline-flex}.pm-window-lights i{background:var(--lightningcss-light,#ff6259)var(--lightningcss-dark,#a9524b);border-radius:50%;width:5px;height:5px}.pm-window-lights i:nth-child(2){background:var(--lightningcss-light,#febd2e)var(--lightningcss-dark,#9c7b40)}.pm-window-lights i:nth-child(3){background:var(--lightningcss-light,#28c840)var(--lightningcss-dark,#438c58)}.pm-code-row{white-space:nowrap;align-items:center;gap:12px;min-height:49px;padding:12px;display:flex}.pm-code-row>span{color:var(--muted);opacity:.55;font-family:var(--font-geist-mono), monospace;font-size:10px}.home-section .pm-code-row code{color:var(--code-ink);font-size:11px;line-height:1.7}.pm-reference{z-index:0;position:relative}.pm-edit-highlight{z-index:-1;border:1px solid color-mix(in srgb, var(--warning) 28%, transparent);background:color-mix(in srgb, var(--warning) 9%, transparent);border-radius:4px;position:absolute;inset:-3px -2px}.pm-edit-note{color:var(--warning);gap:8px;padding:0 12px 13px;font-size:10px;display:flex}.pm-source-window{width:100%;position:absolute;top:50px}.pm-source-check{color:var(--success);align-items:center;gap:3px;margin-left:auto;font-size:9px;display:inline-flex}.pm-source-check svg{width:12px;height:12px}.pm-file-emblem{width:44px;height:52px;position:absolute;top:14px;right:24px;transform:rotate(8deg)}.pm-delivery-chip{border:1px solid var(--border);background:var(--surface-strong);box-shadow:inset 0 1px 0 var(--surface-highlight), 0 8px 18px var(--shadow);border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex;position:absolute;bottom:1px;left:20px;right:12px}.pm-delivery-icon{border:1px solid var(--line);background:var(--code-bg);width:34px;height:34px;color:var(--accent);border-radius:9px;place-items:center;display:grid}.pm-delivery-icon svg{width:24px;height:24px}.pm-delivery-chip>span:nth-child(2){gap:3px;min-width:0;display:grid}.pm-delivery-chip strong{font-size:11px;font-weight:550}.pm-delivery-chip>span:nth-child(2)>span{color:var(--muted);font-size:10px;line-height:1.5}.pm-delivery-chip>svg{height:16px;color:var(--success);flex:0 0 16px;margin-left:auto}.pm-scene[data-motion=running] .pm-edit-highlight,.pm-scene[data-motion=paused] .pm-edit-highlight{animation:pm-edit 6s var(--ease-out) both}.pm-scene[data-motion=running] .pm-window-2 .pm-edit-highlight,.pm-scene[data-motion=paused] .pm-window-2 .pm-edit-highlight{animation-delay:.45s}.pm-scene[data-motion=running] .pm-delivery-chip,.pm-scene[data-motion=paused] .pm-delivery-chip{animation:pm-delivery 6s var(--ease-out) both}.pm-scene[data-motion=running] .pm-file-emblem,.pm-scene[data-motion=paused] .pm-file-emblem{animation:pm-file-settle 6s var(--ease-out) both}.pm-scene[data-motion=paused] *,.pm-scene[data-motion=paused] :before{animation-play-state:paused!important}@keyframes pm-edit{0%,10%{opacity:0;transform:scaleX(.96)}18%,48%{opacity:1;transform:scaleX(1)}62%,to{opacity:.45;transform:scaleX(1)}}@keyframes pm-delivery{0%,43%{opacity:0;transform:translate(-18px,12px)rotate(-2deg)scale(.97)}53%{opacity:1;transform:translate(2px,-1px)rotate(.4deg)scale(1.01)}59%,to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes pm-file-settle{0%,14%{transform:translateY(0)rotate(8deg)}24%{transform:translate(-4px,-10px)rotate(15deg)}36%{transform:translate(1px,1px)rotate(6deg)}43%,to{transform:translateY(0)rotate(8deg)}}@media (max-width:900px){.pm-composition{gap:28px;padding:28px 20px}.home-section .pm-code-row code{font-size:10px}.pm-code-row{gap:7px;padding-inline:10px}}@media (max-width:700px){.pm-composition{grid-template-columns:1fr;gap:32px;padding:24px 16px}.pm-route{width:100%;max-width:420px;margin:0 auto}.home-section .pm-code-row code{font-size:11px}.pm-window-stack{height:205px}.pm-source-scene{height:204px}}@media (prefers-reduced-motion:reduce){.pm-scene *,.pm-scene :before{animation:none!important}}@media (prefers-contrast:more),(prefers-reduced-transparency:reduce){.pm-window,.pm-delivery-chip{border-color:var(--foreground);box-shadow:none}}@media (forced-colors:active){.pm-window,.pm-delivery-chip{box-shadow:none;background:canvas;border-color:canvastext}.pm-edit-highlight{background:0 0;border-color:highlight}.pm-file-emblem{display:none}}.pm-scene:is([data-motion=running],[data-motion=paused]) .pm-window-1{animation:pm-stack-back .5s var(--ease-out) both}.pm-scene:is([data-motion=running],[data-motion=paused]) .pm-window-2{animation:pm-stack-front .5s 60ms var(--ease-out) both}@keyframes pm-stack-back{0%{opacity:.65;transform:translate(12px,20px)rotate(0)scale(.97)}75%{opacity:1;transform:translate(-1px,-1px)rotate(-3.3deg)scale(1)}to{opacity:1;transform:translate(0)rotate(-3deg)scale(1)}}@keyframes pm-stack-front{0%{opacity:.65;transform:translate(-12px,-42px)rotate(0)scale(.97)}75%{opacity:1;transform:translate(1px,1px)rotate(2.3deg)scale(1)}to{opacity:1;transform:translate(0)rotate(2deg)scale(1)}}
.wm-scene{margin:0 0 40px}.wm-composition{grid-template-columns:repeat(3,1fr);gap:44px;padding:26px 40px 30px;display:grid;position:relative}.wm-stage{z-index:1;text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.wm-icon-wrap{width:min(100%,180px);height:160px;position:relative}.wm-icon{width:100%;height:100%;display:block;overflow:visible}.wm-stage-copy{flex-direction:column;align-items:center;display:flex}.wm-step-name{color:var(--foreground);letter-spacing:-.01em;font-size:13px;font-weight:600;line-height:1.6;display:block}.wm-fingerprint-token{border:1px solid var(--line);background:var(--code-bg);color:var(--code-ink);font-family:var(--font-geist-mono), monospace;border-radius:6px;justify-content:center;align-items:center;gap:5px;margin-top:10px;padding:5px 8px;font-size:10px;line-height:1.5;display:inline-flex}.wm-fingerprint-token svg{flex:0 0 13px;width:13px;height:13px}.wm-done{border:1px solid var(--border);color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#292c27);width:25px;height:25px;box-shadow:0 3px 8px var(--shadow);background:var(--lightningcss-light,#598f7e)var(--lightningcss-dark,#c8cec3);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:19px;right:19px}.wm-done svg{width:20px;height:20px}.wm-connection{background:var(--line);width:calc(33.333% - 56px);height:1px;position:absolute;top:119px}.wm-connection-one{left:calc(16.667% + 30px)}.wm-connection-two{left:calc(50% + 26px)}.wm-connection span{opacity:0;width:100%;height:5px;position:absolute;top:-2px;left:0}.wm-connection span:after{content:"";background:linear-gradient(90deg, transparent, var(--accent));border-radius:999px;width:20px;height:4px;display:block}.wm-discover-files,.wm-upload-file,.wm-build-picture{transform-box:fill-box;transform-origin:50%}.wm-scene:is([data-motion=running],[data-motion=paused]) .wm-discover-files{animation:wm-discover-files 6s var(--ease-out) both}.wm-scene:is([data-motion=running],[data-motion=paused]) .wm-upload-file{animation:wm-upload 6s var(--ease-out) both}.wm-scene:is([data-motion=running],[data-motion=paused]) .wm-build-picture{animation:wm-picture 6s var(--ease-out) both}.wm-scene:is([data-motion=running],[data-motion=paused]) .wm-mark-discover{animation:wm-discovered 6s var(--ease-out) both}.wm-scene:is([data-motion=running],[data-motion=paused]) .wm-mark-migrate{animation:wm-migrated 6s var(--ease-out) both}.wm-scene:is([data-motion=running],[data-motion=paused]) .wm-mark-build{animation:wm-built 6s var(--ease-out) both}.wm-scene:is([data-motion=running],[data-motion=paused]) .wm-connection-one span{animation:wm-packet-one 6s var(--ease-transfer) both}.wm-scene:is([data-motion=running],[data-motion=paused]) .wm-connection-two span{animation:wm-packet-two 6s var(--ease-transfer) both}.wm-scene[data-motion=paused] *{animation-play-state:paused!important}@keyframes wm-discover-files{0%,4%{transform:translateY(4px)rotate(0)scale(1)}9%{transform:translateY(6px)rotate(-2deg)scale(1.02,.98)}17%{transform:translateY(-20px)rotate(-5deg)scale(.99,1.03)}24%{transform:translateY(-18px)rotate(2deg)scale(1)}30%{transform:translateY(2px)rotate(0)scale(1.02,.98)}35%,to{transform:none}}@keyframes wm-upload{0%,30%{opacity:0;transform:translate(-38px,4px)rotate(-12deg)scale(.97)}35%{opacity:1;transform:translate(-30px,-8px)rotate(-12deg)scale(.97,1.04)}41%{opacity:1;transform:translate(2px,-14px)rotate(5deg)scale(1.03,.98)}47%{opacity:1;transform:translate(-12px,10px)rotate(-4deg)scale(.98,1.04)}52%{opacity:.8;transform:translate(-30px,46px)rotate(-7deg)scale(.94)}56%,to{opacity:0;transform:translate(-30px,50px)rotate(-7deg)scale(.94)}}@keyframes wm-picture{0%,69%{opacity:0;transform:translate(-16px,7px)rotate(-4deg)scale(.97)}77%{opacity:1;transform:translate(2px,-1px)rotate(1deg)scale(1.02)}83%,to{opacity:1;transform:none}}@keyframes wm-discovered{0%,26%{opacity:0;transform:translateY(5px)scale(.96)}31%{opacity:1;transform:translateY(-1px)scale(1.05)}36%,to{opacity:1;transform:none}}@keyframes wm-migrated{0%,53%{opacity:0;transform:translateY(5px)scale(.96)}58%{opacity:1;transform:translateY(-1px)scale(1.05)}63%,to{opacity:1;transform:none}}@keyframes wm-built{0%,81%{opacity:0;transform:translateY(5px)scale(.96)}86%{opacity:1;transform:translateY(-1px)scale(1.05)}91%,to{opacity:1;transform:none}}@keyframes wm-packet-one{0%,26%{opacity:0;transform:translate(0)}28%{opacity:.8}36%{opacity:.8;transform:translate(calc(100% - 20px))}39%,to{opacity:0;transform:translate(calc(100% - 20px))}}@keyframes wm-packet-two{0%,57%{opacity:0;transform:translate(0)}59%{opacity:.8}69%{opacity:.8;transform:translate(calc(100% - 20px))}72%,to{opacity:0;transform:translate(calc(100% - 20px))}}@media (max-width:900px){.wm-composition{gap:16px;padding-inline:20px}.wm-fingerprint-token{padding-inline:6px;font-size:9px}.wm-connection{width:calc(33.333% - 40px)}}@media (max-width:600px){.wm-composition{grid-template-columns:1fr;gap:20px;padding:24px 18px}.wm-stage{text-align:left;flex-direction:row;gap:20px;width:100%;max-width:380px;margin:0 auto}.wm-icon-wrap{flex:0 0 118px;width:118px;height:112px}.wm-stage-copy{align-items:flex-start}.wm-connection{display:none}.wm-done{width:20px;height:20px;bottom:11px;right:11px}.wm-done svg{width:16px;height:16px}.wm-fingerprint-token{margin-top:6px}}@media (max-width:370px){.wm-stage{gap:12px}.wm-icon-wrap{flex-basis:94px;width:94px;height:102px}.wm-step-name{font-size:12px}}@media (prefers-reduced-motion:reduce){.wm-scene *{animation:none!important}}@media (prefers-contrast:more),(prefers-reduced-transparency:reduce){.wm-fingerprint-token{border-color:var(--foreground);background:var(--surface-strong)}.wm-done{box-shadow:none}}@media (forced-colors:active){.wm-fingerprint-token,.wm-done{color:canvastext;box-shadow:none;background:canvas;border-color:canvastext}.wm-connection{background:canvastext}.wm-icon{opacity:.85}}.wm-scene:is([data-motion=running],[data-motion=paused]) .wm-stage{animation:wm-stage-elevate .5s var(--ease-out) both}.wm-scene:is([data-motion=running],[data-motion=paused]) .wm-migrate{animation-delay:60ms}.wm-scene:is([data-motion=running],[data-motion=paused]) .wm-transform{animation-delay:.12s}@keyframes wm-stage-elevate{0%{opacity:.65;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}
.fm-scene{max-width:320px;margin-top:22px}.fm-art,.cm-art{width:100%;height:auto;display:block;overflow:visible}.fm-art{max-height:190px}.fm-ground{fill:var(--shadow);opacity:.55}.fm-cover-light{stop-color:var(--lightningcss-light,#a4cce3)var(--lightningcss-dark,#aaa9a4)}.fm-cover-dark{stop-color:var(--lightningcss-light,#6189a7)var(--lightningcss-dark,#696969)}.fm-paper-light{stop-color:var(--lightningcss-light,#fffefa)var(--lightningcss-dark,#414141)}.fm-paper-dark{stop-color:var(--lightningcss-light,#ecf0f0)var(--lightningcss-dark,#333)}.fm-cover,.fm-page{stroke:var(--border)}.fm-page-edge{stroke:var(--surface-highlight);stroke-width:1.5px}.fm-spine{stroke:var(--line);stroke-width:3px}.fm-heading-rule{stroke:var(--foreground);stroke-width:4px;opacity:.65;stroke-linecap:round}.fm-body-rule{stroke:var(--muted);stroke-width:2px;opacity:.32;stroke-linecap:round}.fm-bookmark{fill:var(--accent);opacity:.7}.fm-question-surface{fill:var(--surface-strong);stroke:var(--border)}.fm-question-mark{stroke:var(--accent);stroke-width:2px;stroke-linecap:round}.fm-answer-surface{fill:var(--surface-strong);stroke:var(--border)}.fm-check-circle{fill:var(--success)}.fm-check{stroke:var(--background);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.fm-answer-label{fill:var(--foreground);font-size:10px;font-weight:550}.fm-question,.fm-answer{transform-box:fill-box;transform-origin:50%}.cm-scene{width:100%;min-width:0;margin:0}.cm-art{max-width:560px;margin-inline:auto}.cm-surface-top{stop-color:var(--lightningcss-light,#f9fbfc)var(--lightningcss-dark,#3b3b3b)}.cm-surface-bottom{stop-color:var(--lightningcss-light,#e7eef2)var(--lightningcss-dark,#262626)}.cm-card-surface{stroke:var(--border)}.cm-toolbar-divider{stroke:var(--line)}.cm-window-dot{fill:var(--muted);opacity:.3}.cm-connection{stroke:var(--line);stroke-width:1.5px;stroke-dasharray:2 4}.cm-packet{fill:var(--accent);transform-box:fill-box;transform-origin:50%}.cm-issue-circle,.cm-discussion-icon{stroke:var(--accent);stroke-width:1.5px}.cm-issue-dot{fill:var(--accent)}.cm-card-title{fill:var(--foreground);letter-spacing:-.15px;font-size:11px;font-weight:600}.cm-text-line{stroke:var(--muted);stroke-width:2px;stroke-linecap:round;opacity:.3}.cm-tag{fill:var(--code-bg)}.cm-tag-label{fill:var(--muted);font-size:7px}.cm-message-first{fill:var(--code-bg)}.cm-message-second{fill:var(--lightningcss-light,#c5deec)var(--lightningcss-dark,#535353)}.cm-message-line{stroke:var(--muted);stroke-width:2px;stroke-linecap:round;opacity:.4}.cm-code-icon{stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.cm-patch-fill{fill:var(--lightningcss-light,#dcece5)var(--lightningcss-dark,#41463e)}.cm-patch-line{stroke:var(--success);stroke-width:1.5px;stroke-linecap:round;opacity:.8}.cm-review-box{stroke:var(--success);stroke-width:1.2px}.cm-review-check{stroke:var(--success);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.cm-review-label{fill:var(--muted);font-size:8px}.cm-stage-label{fill:var(--muted);font-size:9px}.cm-reply,.cm-patch,.cm-review{transform-box:fill-box;transform-origin:50%}.fm-scene:is([data-motion=running],[data-motion=paused]) .fm-question{animation:fm-question 6s var(--ease-out) both}.fm-scene:is([data-motion=running],[data-motion=paused]) .fm-answer{animation:fm-answer 6s var(--ease-out) both}.cm-scene:is([data-motion=running],[data-motion=paused]) .cm-packet-first{animation:cm-first-packet 6s var(--ease-transfer) both}.cm-scene:is([data-motion=running],[data-motion=paused]) .cm-packet-second{animation:cm-second-packet 6s var(--ease-transfer) both}.cm-scene:is([data-motion=running],[data-motion=paused]) .cm-reply{animation:cm-reply 6s var(--ease-out) both}.cm-scene:is([data-motion=running],[data-motion=paused]) .cm-patch{animation:cm-patch 6s var(--ease-out) both}.cm-scene:is([data-motion=running],[data-motion=paused]) .cm-review{animation:cm-review 6s var(--ease-out) both}.fm-scene[data-motion=paused] .fm-question,.fm-scene[data-motion=paused] .fm-answer,.cm-scene[data-motion=paused] .cm-packet,.cm-scene[data-motion=paused] .cm-reply,.cm-scene[data-motion=paused] .cm-patch,.cm-scene[data-motion=paused] .cm-review{animation-play-state:paused}@keyframes fm-question{0%,5%{opacity:0;transform:translate(-10px,7px)rotate(-8deg)scale(.96)}12%{opacity:1;transform:translate(1px,-1px)rotate(2deg)scale(1.02)}18%,34%{opacity:1;transform:none}39%,to{opacity:.65;transform:none}}@keyframes fm-answer{0%,33%{opacity:0;transform:translate(-16px,-10px)rotate(-4deg)scale(.96)}41%{opacity:1;transform:translate(2px,1px)rotate(1deg)scale(1.02)}47%,to{opacity:1;transform:none}}@keyframes cm-first-packet{0%,15%{opacity:0;transform:translate(-12px)scale(1)}18%{opacity:.9;transform:translate(-9px,-1px)scale(1.5,.8)}22%{opacity:.9;transform:translate(2px,-3px)scale(2.3,.7)}26%{opacity:.9;transform:translate(14px)scale(.9,1.15)}29%,to{opacity:0;transform:translate(14px)scale(1)}}@keyframes cm-reply{0%,26%{opacity:0;transform:translate(-14px,5px)rotate(-3deg)scale(.97)}33%{opacity:1;transform:translate(2px,-1px)rotate(.5deg)scale(1.01)}39%,to{opacity:1;transform:none}}@keyframes cm-second-packet{0%,43%{opacity:0;transform:translate(-12px)scale(1)}46%{opacity:.9;transform:translate(-9px,-1px)scale(1.5,.8)}50%{opacity:.9;transform:translate(2px,-3px)scale(2.3,.7)}54%{opacity:.9;transform:translate(14px)scale(.9,1.15)}57%,to{opacity:0;transform:translate(14px)scale(1)}}@keyframes cm-patch{0%,54%{opacity:0;transform:translate(-16px,6px)rotate(-3deg)scale(.97)}62%{opacity:1;transform:translate(2px,-1px)rotate(.5deg)scale(1.01)}68%,to{opacity:1;transform:none}}@keyframes cm-review{0%,73%{opacity:0;transform:translateY(4px)scale(.96)}79%{opacity:1;transform:translateY(-1px)scale(1.03)}85%,to{opacity:1;transform:none}}@media (max-width:640px){.fm-scene{max-width:270px;margin-top:12px}.cm-art{max-width:430px}}@media (prefers-reduced-motion:reduce){.fm-scene .fm-question,.fm-scene .fm-answer,.cm-scene .cm-packet,.cm-scene .cm-reply,.cm-scene .cm-patch,.cm-scene .cm-review{animation:none!important;transform:none!important}.cm-packet{opacity:0}}@media (forced-colors:active){.fm-art,.cm-art{forced-color-adjust:auto}.fm-page,.fm-cover,.fm-question-surface,.fm-answer-surface,.cm-card-surface{fill:canvas;stroke:canvastext}.fm-answer-label,.cm-card-title,.cm-stage-label,.cm-review-label,.cm-tag-label{fill:canvastext}.fm-heading-rule,.fm-body-rule,.fm-question-mark,.cm-code-icon,.cm-discussion-icon,.cm-patch-line,.cm-review-check,.cm-review-box{stroke:canvastext}}
.home-section{max-width:1160px;color:var(--foreground);margin:0 auto;padding:100px 0;scroll-margin-top:32px}.home-section h2{font-family:var(--font-headline), cursive;letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(42px,4.8vw,64px);font-weight:600;line-height:1}.home-section h3{letter-spacing:-.025em;margin:0;font-size:20px;font-weight:550;line-height:1.35}.home-section p{text-wrap:pretty}.home-section-heading{max-width:760px;margin-bottom:48px}.home-section-heading>p{max-width:58ch;color:var(--muted);margin:24px 0 0;font-size:17px;line-height:1.7}.home-section a:not(.glass-button),.home-footer a{color:var(--foreground)}.home-section code{color:var(--code-ink);overflow-wrap:anywhere;font-size:.9em}.home-comparison{border:1px solid var(--line);border-radius:24px;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.home-comparison-side{padding:36px}.home-comparison-simpcn{border-left:1px solid var(--line);background:var(--code-bg);box-shadow:inset 0 1px 0 var(--surface-highlight)}.home-comparison-side>p{max-width:43ch;color:var(--muted);margin:12px 0 0;font-size:15px;line-height:1.7}.home-section-note{color:var(--muted);margin:22px 0 0;font-size:14px;line-height:1.8}.home-section-note a{text-underline-offset:4px;text-decoration:underline;display:inline-block}.home-workflow{border-top:1px solid var(--line)}.home-heading-split{grid-template-columns:1.1fr 1fr;align-items:end;gap:64px;max-width:none;display:grid}.home-heading-split>p{margin:0}.home-workflow-list{margin:0;padding:0;list-style:none}.home-workflow-list>li{border-top:1px solid var(--line);grid-template-columns:40px 1.4fr 1fr;gap:28px;padding:32px 0;display:grid}.home-workflow-number{color:var(--accent);font-family:var(--font-geist-mono), monospace;padding-top:3px;font-size:13px}.home-workflow-copy>p{max-width:49ch;color:var(--muted);margin:12px 0 0;font-size:16px;line-height:1.75}.home-workflow-command{padding-top:4px}.home-workflow-command>code{border:1px solid var(--border);background:var(--surface);box-shadow:inset 0 1px 0 var(--surface-highlight);border-radius:10px;padding:9px 13px;font-size:13px;display:inline-block}.home-benefits{grid-template-columns:1fr 1.7fr;gap:64px;padding-top:68px;display:grid}.home-benefits>h3{max-width:26ch;font-size:24px;line-height:1.4}.home-benefits dl{grid-template-columns:1fr 1fr;gap:28px 32px;margin:0;display:grid}.home-benefits dt{margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.5}.home-benefits dd{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.home-faq{border-top:1px solid var(--line);grid-template-columns:.85fr 1.35fr;align-items:start;gap:80px;display:grid}.home-faq .home-section-heading{margin:0}.home-faq .home-section-heading>p{font-size:15px}.home-faq-list{min-width:0}.home-faq-list details{border-bottom:1px solid var(--line)}.home-faq-list details:first-child{border-top:1px solid var(--line)}.home-faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:20px 0;font-size:15px;font-weight:550;line-height:1.6;list-style:none;display:flex}.home-faq-list summary::-webkit-details-marker{display:none}.home-faq-plus{height:24px;color:var(--accent);flex:0 0 24px;justify-content:center;align-items:center;font-size:22px;font-weight:400;display:inline-flex}.home-faq-list details[open] .home-faq-plus{transform:rotate(45deg)}.home-faq-answer{padding:0 30px 23px 0}.home-faq-answer>p{color:var(--muted);margin:0;font-size:16px;line-height:1.85}.home-faq-answer a{text-underline-offset:4px;text-decoration:underline}.home-community{border:1px solid var(--border);background:linear-gradient(115deg, var(--code-bg), var(--surface));box-shadow:inset 0 1px 0 var(--surface-highlight), 0 12px 36px var(--shadow);border-radius:28px;grid-template-columns:1.4fr 1fr;align-items:center;gap:80px;margin-top:12px;padding:56px;display:grid}.home-release-note{color:var(--accent);margin:0 0 20px;font-size:13px}.home-community h2{font-size:clamp(42px,4.6vw,58px)}.home-community h2+p{max-width:48ch;color:var(--muted);margin:24px 0 0;font-size:16px;line-height:1.8}.home-community-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.home-community-links{display:grid}.home-community-aside{gap:24px;min-width:0;display:grid}.home-community-links>a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:64px;font-size:14px;line-height:1.6;display:flex}.home-community-links>a:first-child{border-top:1px solid var(--line)}.home-community-links>a>span{color:var(--accent)}.home-footer{max-width:1160px;color:var(--foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:56px 0 40px;display:flex}.home-footer-brand{letter-spacing:-1px;align-items:center;gap:9px;font-size:23px;font-weight:650;display:inline-flex}.home-footer-brand>svg{color:var(--accent);flex-shrink:0}.home-footer-brand>span{color:var(--accent);margin-left:-9px}.home-footer p{color:var(--muted);margin:8px 0 0;font-size:12px}.home-footer nav{flex-wrap:wrap;gap:8px 26px;display:flex}.home-footer nav a{align-items:center;min-height:44px;font-size:13px;display:inline-flex}@media (hover:hover) and (pointer:fine){.home-faq-list summary:hover{color:var(--accent)}.home-community-links>a:hover,.home-footer nav a:hover{text-underline-offset:4px;text-decoration:underline}}@media (max-width:1240px){.home-section,.home-footer{margin-left:40px;margin-right:40px}}@media (max-width:900px){.home-section{padding-top:72px;padding-bottom:72px}.home-heading-split,.home-benefits{gap:32px}.home-workflow-list>li{grid-template-columns:24px 1.3fr 1fr;gap:20px}.home-faq{grid-template-columns:1fr 1.35fr;gap:36px}.home-community{grid-template-columns:1.3fr 1fr;gap:32px;padding:36px}.home-comparison-side{padding:26px}}@media (max-width:640px){.home-section,.home-footer{margin-left:max(20px, env(safe-area-inset-left));margin-right:max(20px, env(safe-area-inset-right))}.home-section{padding-top:56px;padding-bottom:56px}.home-section-heading{margin-bottom:32px}.home-section-heading>p{margin-top:18px;font-size:15px}.home-comparison,.home-heading-split,.home-benefits,.home-faq,.home-community{grid-template-columns:1fr}.home-comparison-side{padding:24px}.home-comparison-simpcn{border-left:0;border-top:1px solid var(--line)}.home-heading-split{gap:18px}.home-heading-split>p{margin:0}.home-workflow-list>li{grid-template-columns:24px 1fr;gap:16px;padding:26px 0}.home-workflow-command{grid-column:2;padding:0}.home-benefits{gap:28px;padding-top:36px}.home-benefits dl{gap:24px}.home-faq{gap:28px}.home-faq-list summary{min-height:68px}.home-community{border-radius:22px;gap:30px;padding:30px 24px}.home-community-actions{gap:10px}.home-community-actions .glass-button{padding-inline:18px;font-size:13px}.home-footer{padding-top:36px;padding-bottom:28px}.home-footer nav{gap:8px 24px}}@media (max-width:360px){.home-benefits dl{grid-template-columns:1fr}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.home-comparison-simpcn,.home-community,.home-workflow-command>code{background:var(--surface-strong);box-shadow:none;border-color:var(--foreground)}}@media (forced-colors:active){.home-comparison,.home-comparison-simpcn,.home-community,.home-workflow-command>code{color:canvastext;box-shadow:none;background:canvas;border-color:canvastext}.home-faq-list details,.home-workflow-list>li,.home-community-links>a{border-color:canvastext}}.home-comparison>*,.home-heading-split>*,.home-workflow-list>li>*,.home-benefits>*,.home-benefits dl>*,.home-faq>*,.home-community>*{overflow-wrap:anywhere;min-width:0}
.compatibility-section{max-width:1240px;margin-inline:auto;padding:112px 40px 80px;scroll-margin-top:40px}.compatibility-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"guidance editor""storage editor";align-items:start;gap:36px clamp(40px,7vw,96px);display:grid}.compatibility-guidance{grid-area:guidance}.compatibility-editor{grid-area:editor}.compatibility-guidance,.compatibility-editor{min-width:0}.compatibility-heading h2{font-family:var(--font-headline), cursive;letter-spacing:-.035em;margin:0;font-size:clamp(40px,4.6vw,60px);font-weight:600;line-height:1.08}.compatibility-heading>p{max-width:35ch;color:var(--foreground);margin:24px 0 32px;font-size:18px;line-height:1.65}.compatibility-frameworks{flex-wrap:wrap;gap:8px;display:flex}.compatibility-frameworks button{min-height:48px;color:var(--muted);font:inherit;letter-spacing:-.025em;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;padding:10px 22px;font-size:20px;font-weight:550}.compatibility-frameworks button[aria-pressed=true]{background:var(--foreground);color:var(--background)}.compatibility-version{color:var(--foreground);margin:18px 0 12px;font-size:14px}.compatibility-note{max-width:39ch;color:var(--muted);margin:0 0 8px;font-size:15px;line-height:1.65}.compatibility-text-link{min-height:44px;color:var(--foreground);text-underline-offset:5px;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);align-items:center;gap:12px;font-size:15px;display:inline-flex}.compatibility-storage{grid-area:storage;min-width:0;max-width:38ch}.compatibility-storage h3,.compatibility-finish h3{color:var(--foreground);letter-spacing:-.025em;margin:0;font-size:21px;font-weight:550;line-height:1.35}.compatibility-storage p,.compatibility-finish p{color:var(--muted);margin:12px 0 8px;font-size:16px;line-height:1.65}.compatibility-editor-intro{max-width:44ch;color:var(--foreground);margin:0 0 20px;font-size:16px;line-height:1.65}.compatibility-editor .site-code-block{background:var(--code-bg);box-shadow:none;border:0;border-radius:12px}.compatibility-editor .site-code-block+.site-code-block{margin-top:16px}.compatibility-editor .site-code-bar{padding:10px 12px 6px 24px;font-size:13px}.compatibility-editor .site-code-block pre{padding:12px 24px 28px;font-size:13px;line-height:1.9}.compatibility-editor-note{max-width:52ch;color:var(--muted);margin:18px 0 0;font-size:14px;line-height:1.65}.compatibility-finish{background:var(--surface);border-radius:16px;justify-content:space-between;align-items:center;gap:28px;margin-top:64px;padding:30px 32px;display:flex}.compatibility-finish p{max-width:53ch;margin-bottom:0}.compatibility-finish>a{flex-shrink:0}.compatibility-finish>.compatibility-mobile-cta{display:none}.compatibility-requirements{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:22px;font-size:13px;display:flex}.compatibility-requirements a{min-height:44px;color:inherit;text-underline-offset:4px;align-items:center;gap:8px;display:inline-flex}.compatibility-section :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media (hover:hover) and (pointer:fine){.compatibility-frameworks button:not([aria-pressed=true]):hover{background:var(--surface);color:var(--foreground)}.compatibility-text-link:hover,.compatibility-requirements a:hover{text-decoration-color:currentColor}}@media (max-width:900px){.compatibility-section{padding:80px 28px 64px}.compatibility-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px}.compatibility-heading>p{font-size:16px}.compatibility-finish{padding:24px}}@media (max-width:700px){.compatibility-section{padding:64px max(20px, env(safe-area-inset-right)) 64px max(20px, env(safe-area-inset-left))}.compatibility-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"guidance";gap:0}.compatibility-heading h2{font-size:clamp(36px,9vw,46px)}.compatibility-heading>p{max-width:32ch;margin:16px 0 20px;line-height:1.6}.compatibility-frameworks{gap:4px}.compatibility-frameworks button{min-height:44px;padding:8px 18px;font-size:16px}.compatibility-version{margin:12px 0 4px;font-size:13px}.compatibility-note,.compatibility-editor-intro,.compatibility-editor-note{display:none}.compatibility-storage{max-width:42ch}.compatibility-storage h3,.compatibility-finish h3{font-size:18px}.compatibility-storage p{margin-top:8px;font-size:15px}.compatibility-finish{background:0 0;flex-direction:column;align-items:flex-start;gap:16px;margin-top:28px;padding:0}.compatibility-finish p{margin-top:8px;font-size:15px}.compatibility-finish>a{width:100%}.compatibility-requirements{gap:4px 16px;font-size:12px}.compatibility-heading>p,.compatibility-version,.compatibility-guidance>.compatibility-text-link,.compatibility-editor,.compatibility-storage,.compatibility-finish>div,.compatibility-finish>.compatibility-desktop-cta,.compatibility-requirements{display:none}.compatibility-frameworks{margin-top:24px}.compatibility-finish{margin-top:20px}.compatibility-finish>.compatibility-mobile-cta{display:inline-flex}.compatibility-editor .site-code-block pre{padding-inline:16px;font-size:12px}.compatibility-editor .site-code-bar{padding-left:16px}}@media (forced-colors:active){.compatibility-frameworks button[aria-pressed=true]{color:highlighttext;background:highlight}.compatibility-editor .site-code-block{background:canvas;border:1px solid canvastext}}.compatibility-status{max-width:42ch;color:var(--foreground);margin:16px 0 0;font-size:16px;line-height:1.6}.compatibility-package-managers{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.compatibility-package-managers button{min-height:44px;color:var(--foreground);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 14px;font-size:14px}.compatibility-package-managers button[aria-pressed=true]{background:var(--foreground);color:var(--background)}.compatibility-editor>#compatibility-command+.site-code-block{margin-top:16px}
.rm-scene{margin-block:30px}.rm-content{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:inset 0 1px 0 var(--surface-highlight);border-radius:22px;padding:22px}.rm-source-window{border:1px solid var(--border);background:var(--surface);max-width:420px;box-shadow:0 5px 18px var(--shadow), inset 0 1px 0 var(--surface-highlight);border-radius:13px;margin-inline:auto;overflow:hidden}.rm-window-bar{border-bottom:1px solid var(--line);min-height:38px;color:var(--muted);align-items:center;gap:12px;padding:8px 12px;font-size:11px;display:flex}.rm-lights{gap:5px;display:flex}.rm-lights i{background:#f08a80;border-radius:50%;width:7px;height:7px;box-shadow:inset 0 0 0 1px #0000000d}.rm-lights i:nth-child(2){background:#e6c477}.rm-lights i:nth-child(3){background:#8bc4a2}.rm-unchanged{color:var(--success);margin-left:auto;font-size:10px}.rm-source-window>code{color:var(--code-ink);overflow-wrap:anywhere;white-space:normal;padding:17px 15px;font-size:clamp(10px,2vw,12px);display:block}.rm-routing{width:100%;max-width:600px;height:auto;color:var(--accent);margin:9px auto 0;display:block;overflow:visible}.rm-routing text{fill:var(--muted);font-family:inherit;font-size:12px}.rm-route{stroke:var(--line);stroke-width:1.5px;stroke-dasharray:2 6;stroke-linecap:round}.rm-node{fill:var(--surface-strong);stroke:var(--border);stroke-width:1.5px}.rm-cloud{fill:var(--code-bg);stroke:var(--accent);stroke-width:1.5px}.rm-destination{transition:opacity .2s var(--ease-out)}.rm-local-node{opacity:1}.rm-cdn-node,[data-production=true] .rm-local-node{opacity:0}[data-production=true] .rm-cdn-node{opacity:1}.rm-file-track{transform:translate(447px,70px)}.rm-file{transform-box:fill-box;transform-origin:50%}.rm-resolved{background:var(--code-bg);border-radius:10px;gap:7px;padding:14px 16px;display:grid}.rm-resolved>span{color:var(--muted);font-size:11px}.rm-resolved code{color:var(--code-ink);overflow-wrap:anywhere;font-size:12px;line-height:1.6}.motion-scene:is([data-motion=running],[data-motion=paused]) .rm-file-track{animation:4.8s linear both rm-deliver}.motion-scene:is([data-motion=running],[data-motion=paused]) .rm-file{animation:rm-settle 4.8s var(--ease-out) both}@keyframes rm-deliver{0%,12%{opacity:0;transform:translate(73px,70px)}18%{opacity:1;animation-timing-function:var(--ease-transfer);transform:translate(73px,70px)}49%,to{opacity:1;transform:translate(447px,70px)}}@keyframes rm-settle{0%,12%{transform:rotate(-3deg)scale(1)}18%{transform:rotate(-5deg)scale(.98,1.02)}29%{transform:rotate(3deg)scale(1.02,.99)}43%{transform:rotate(2deg)scale(1)}49%{transform:rotate(-1deg)scale(1.02,.98)}55%,to{transform:rotate(0)scale(1)}}@supports (offset-path:path("M0 0L1 1")){.rm-file-track{transform-box:fill-box;offset-anchor:50% 50%;offset-rotate:0deg;offset-distance:100%;transform:none}.motion-scene:is([data-motion=running],[data-motion=paused]) .rm-file-track{animation-name:rm-path-deliver}}@keyframes rm-path-deliver{0%,12%{offset-distance:0%;opacity:0}18%{offset-distance:0%;opacity:1;animation-timing-function:var(--ease-transfer)}49%,to{offset-distance:100%;opacity:1}}@media (max-width:640px){.rm-content{padding:14px}.rm-routing text{font-size:13px}.rm-resolved{padding:12px}.rm-resolved code{font-size:11px}}@media (prefers-reduced-motion:reduce){.rm-destination{transition-duration:.1s}.rm-file-track,.rm-file{animation:none!important}}@media (forced-colors:active){.rm-content,.rm-source-window,.rm-resolved{box-shadow:none;background:canvas;border:1px solid canvastext}.rm-node,.rm-cloud{fill:canvas;stroke:canvastext}.rm-route{stroke:canvastext}}
.asset-reference-demo{max-width:1240px;margin-inline:auto;padding:88px 40px;scroll-margin-top:40px}.asset-reference-heading{max-width:670px;margin-bottom:36px}.asset-reference-eyebrow{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;margin:0 0 16px;font-size:12px;font-weight:600}.asset-reference-heading h2{font-family:var(--font-headline), cursive;letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(42px,5vw,64px);font-weight:600;line-height:1}.asset-reference-heading>p:last-child{max-width:55ch;color:var(--muted);margin:20px 0 0;font-size:16px;line-height:1.75}.asset-reference-environments{border:1px solid var(--line);background:var(--code-bg);border-radius:999px;flex-wrap:wrap;align-items:center;gap:3px;width:fit-content;margin-bottom:18px;padding:4px;display:flex}.asset-reference-environments button{min-height:44px;color:var(--muted);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:999px;padding:10px 18px;font-size:12px}.asset-reference-environments button[aria-pressed=true]{color:var(--foreground);border-color:var(--border);background:var(--surface-strong);box-shadow:inset 0 1px 0 var(--surface-highlight), 0 2px 6px var(--shadow)}.asset-reference-demo code{font-family:var(--font-geist-mono), monospace}.asset-reference-demo p code{color:var(--code-ink);overflow-wrap:anywhere}.asset-reference-destination{color:var(--foreground);margin:18px 0 0;font-size:12px;font-weight:550;line-height:1.6}.asset-reference-context{border-block:1px solid var(--line);margin-top:24px}.asset-reference-context summary{cursor:pointer;min-height:48px;color:var(--foreground);padding:14px 0;font-size:13px;font-weight:550}.asset-reference-context-content{grid-template-columns:1fr 1fr;gap:16px 32px;padding:8px 0 20px;display:grid}.asset-reference-context p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.asset-reference-context a{min-height:44px;color:var(--foreground);text-underline-offset:4px;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);grid-column:2;justify-self:start;align-items:center;gap:7px;font-size:12px;display:inline-flex}.asset-reference-demo :is(a,button,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (hover:hover) and (pointer:fine){.asset-reference-environments button:hover{color:var(--foreground);background:var(--surface)}.asset-reference-environments button[aria-pressed=true]:hover{background:var(--surface-strong)}.asset-reference-context a:hover{text-decoration-color:currentColor}}@media (max-width:900px){.asset-reference-demo{padding:64px 28px}}@media (max-width:700px){.asset-reference-demo{padding:48px max(20px, env(safe-area-inset-right)) 48px max(20px, env(safe-area-inset-left))}.asset-reference-context-content{grid-template-columns:1fr;gap:14px}.asset-reference-context a{grid-column:1}.asset-reference-heading>p:last-child{font-size:15px}}@media (forced-colors:active){.asset-reference-environments{box-shadow:none;background:canvas;border-color:canvastext}.asset-reference-environments button[aria-pressed=true]{color:highlight;box-shadow:none;background:canvas;border-color:highlight}}
.section-motion-root{display:contents}.home-community{isolation:isolate;position:relative}.home-community:after{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, var(--foreground), transparent);opacity:0;border-radius:999px;width:24%;height:2px;position:absolute;top:0;left:5%}.home-community[data-reflection=play]:after{animation:community-glass-reflection .9s var(--ease-out) both}.home-community[data-reflection-paused=true]:after{animation-play-state:paused}@keyframes community-glass-reflection{0%{opacity:0;transform:translate(0)}20%{opacity:.08}75%{opacity:.08}to{opacity:0;transform:translate(270%)}}.section-motion-root .home-faq-plus{transition:transform .2s var(--ease-out)}.section-motion-root :is(.home-faq-answer,.asset-reference-context-content,.compatibility-disclosure>:not(summary)){transition:opacity .18s var(--ease-out)}@starting-style{.section-motion-root details[open]>:is(.home-faq-answer,.asset-reference-context-content),.section-motion-root .compatibility-disclosure[open]>:not(summary){opacity:0}}@media (prefers-reduced-motion:reduce){.home-community:after{animation:none!important}.section-motion-root .home-faq-plus{transition:none}.section-motion-root :is(.home-faq-answer,.asset-reference-context-content,.compatibility-disclosure>:not(summary)){transition-duration:.12s}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more),(forced-colors:active){.home-community:after{display:none}}
.native-images-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:clamp(32px,6vw,80px);display:grid}.native-images-features{gap:32px;margin:0;display:grid}.native-images-features dt{letter-spacing:-.025em;font-size:20px;font-weight:550;line-height:1.35}.native-images-features dd{max-width:43ch;color:var(--foreground);margin:12px 0 0;font-size:16px;line-height:1.65}.native-images-example{min-width:0}.native-images-example .site-code-block{background:var(--code-bg);box-shadow:none;border:0}.native-images-example .site-code-block+.site-code-block{margin-top:16px}.native-images-status{max-width:78ch;color:var(--foreground);margin:32px 0 12px;font-size:16px;line-height:1.65}.native-images-link{text-underline-offset:5px;align-items:center;gap:12px;min-height:44px;font-size:16px;text-decoration:underline;display:inline-flex}.native-images-link:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media (max-width:700px){.native-images-layout{grid-template-columns:minmax(0,1fr);gap:28px}.native-images-features{gap:24px}.native-images-features dt{font-size:18px}}@media (min-width:641px) and (max-width:1240px){.native-images{margin-inline:28px}}
.quick-install{max-width:820px;color:var(--foreground);margin-inline:auto;padding:64px 40px 88px}.docs-article .quick-install-docs{max-width:none;margin:8px 0 40px;padding:0}.quick-install-next{border-block:1px solid var(--line);margin-top:24px}.quick-install-next summary{cursor:pointer;min-height:48px;padding:14px 0;font-size:14px;font-weight:550}.quick-install-next>div{padding:0 0 20px}.quick-install-next p{color:var(--muted);margin:12px 0 16px;font-size:14px;line-height:1.75}.quick-install-next a{color:var(--foreground);text-underline-offset:4px;font-size:14px;text-decoration:underline}.quick-install-heading{text-align:center;margin-bottom:30px}.quick-install h2{font-family:var(--font-headline), cursive;letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(36px,4.8vw,52px);font-weight:600;line-height:1.08}.quick-install-heading p{color:var(--muted);margin:16px 0 0;font-size:15px;line-height:1.6}.quick-install-shell{min-width:0;box-shadow:inset 0 1px 0 #ffffff1f, inset 0 -1px 0 #0000002e, 0 3px 8px #0a121c24, 0 16px 32px var(--shadow), 0 36px 80px var(--lightningcss-light,#0a192833)var(--lightningcss-dark,#00000042), 0 10px 52px var(--lightningcss-light,#4a6f8a1f)var(--lightningcss-dark,#beb9af0f);background:var(--lightningcss-light,#19212bf0)var(--lightningcss-dark,#202020f5);border:1px solid var(--lightningcss-light,#c4daed33)var(--lightningcss-dark,#e6e3dc38);border-radius:20px;overflow:hidden}.quick-install-toolbar{background:#0000001f;border-bottom:1px solid #d9eaf61a;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:4px 14px 4px 20px;display:flex;position:relative}.quick-install-lights{gap:7px;display:inline-flex}.quick-install-lights i{background:#ff5f57;border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #00000014}.quick-install-lights i:nth-child(2){background:#febc2e}.quick-install-lights i:nth-child(3){background:#28c840}.quick-install-terminal-title{white-space:nowrap;text-overflow:ellipsis;color:var(--lightningcss-light,#a9b8c5)var(--lightningcss-dark,#b9b6af);pointer-events:none;flex:1;min-width:0;font-size:12px;overflow:hidden}.quick-install-managers{isolation:isolate;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--lightningcss-light,#e1f1ff12)var(--lightningcss-dark,#ece8e012);border:1px solid var(--lightningcss-light,#e1f1ff29)var(--lightningcss-dark,#ece8e029);border-radius:999px;flex:none;grid-template-columns:repeat(4,40px);margin-block:4px;padding:3px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #00000029,0 3px 12px #0000001a}.quick-install-indicator{z-index:-1;pointer-events:none;transform-origin:0;background:linear-gradient(var(--lightningcss-light,#e1f1ff29)var(--lightningcss-dark,#ece8e029),var(--lightningcss-light,#e1f1ff14)var(--lightningcss-dark,#ece8e014));border:1px solid var(--lightningcss-light,#e1f1ff42)var(--lightningcss-dark,#ece8e042);border-radius:999px;width:40px;position:absolute;top:3px;bottom:3px;left:0;transform:translate(3px);box-shadow:inset 0 1px #ffffff40,inset 0 -1px #0000001a,0 2px 5px #0000001f}.quick-install-managers .glass-button{--glass-ink:var(--lightningcss-light,#bccbd7)var(--lightningcss-dark,#c4c1ba);--glass-fill:transparent;--glass-hover:transparent;min-width:0;min-height:26px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#0000;border-radius:999px;padding:0 5px;font-size:10px;line-height:1;transition:color .12s}.quick-install-managers .glass-button:before{display:none}.quick-install-managers .glass-button[aria-pressed=true]{--glass-ink:var(--lightningcss-light,#f0f7fc)var(--lightningcss-dark,#f5f0e7);--glass-fill:transparent;box-shadow:none;border-color:#0000}.quick-install-managers .glass-button:not(:disabled):active{transform:none}.quick-install-shell .quick-install-copy.glass-button{--glass-ink:var(--lightningcss-light,#dce9f3)var(--lightningcss-dark,#e9e5dc);--glass-hover:var(--lightningcss-light,#daeaf71a)var(--lightningcss-dark,#ece8e01a);flex-shrink:0}.quick-install-command-row{align-items:center;gap:12px;padding-right:20px;display:flex}.quick-install-command-row pre{flex:1;min-width:0}.quick-install-shell .glass-button:focus-visible{outline-color:var(--lightningcss-light,#b4d9ee)var(--lightningcss-dark,#ded8ce)}.quick-install-shell pre{overscroll-behavior-x:contain;font-family:var(--font-geist-mono), monospace;color:var(--lightningcss-light,#d9eaf6)var(--lightningcss-dark,#e8e3da);align-items:baseline;gap:14px;margin:0;padding:34px 28px 40px;font-size:clamp(15px,2.4vw,20px);line-height:1.8;display:flex;overflow-x:auto}.quick-install-shell code{font:inherit;white-space:pre;display:block}.quick-install-prompt{color:var(--lightningcss-light,#93c9bb)var(--lightningcss-dark,#c8cec3);-webkit-user-select:none;user-select:none}.quick-install-typed{flex:none;padding-right:2px;display:inline-block;position:relative}.quick-install-cursor{pointer-events:none;background:var(--lightningcss-light,#b4d9ee)var(--lightningcss-dark,#ded8ce);border-radius:1px;width:2px;height:1.15em;display:none;position:absolute;top:.3em;left:0}.quick-install-typed[data-typing=true] code{animation:quick-install-type .8s steps(var(--typing-characters), end) both}.quick-install-typed[data-typing=true] .quick-install-cursor{transform:translateX(calc(var(--typing-characters) * 1ch));animation:quick-install-cursor-move .8s steps(var(--typing-characters), end) both, quick-install-blink .7s step-end .8s 4 both;display:block}.quick-install-footer{color:var(--muted);justify-content:center;align-items:center;margin-top:12px;font-size:12px;line-height:1.6;display:flex}.quick-install-footer a{min-height:44px;color:var(--foreground);text-underline-offset:4px;flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.quick-install-error{color:var(--warning);font-size:13px;line-height:1.6}.quick-install :is(button,a,pre):focus-visible{outline:2px solid var(--accent);outline-offset:4px}@keyframes quick-install-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes quick-install-cursor-move{0%{transform:translate(0)}to{transform:translateX(calc(var(--typing-characters) * 1ch))}}@keyframes quick-install-blink{0%,45%{opacity:1}46%,to{opacity:0}}@media (max-width:640px){.quick-install{padding:40px max(20px, env(safe-area-inset-right)) 56px max(20px, env(safe-area-inset-left))}.quick-install-toolbar{gap:4px;padding-left:16px;padding-right:8px}.quick-install-copy.glass-button{padding-inline:8px;font-size:12px}.quick-install-shell pre{gap:10px;padding:22px 18px 26px}.quick-install-command-row{flex-wrap:wrap;gap:0;padding-right:12px}.quick-install-command-row pre{flex-basis:calc(100% - 12px)}.quick-install-command-row>.quick-install-copy{margin:-12px 0 8px auto}.quick-install-footer{flex-wrap:wrap;gap:0}}@media (max-width:480px){.quick-install-toolbar{gap:8px;padding:8px 12px}.quick-install-terminal-title{display:none}}@media (pointer:coarse){.quick-install-managers{grid-template-columns:repeat(4,44px)}.quick-install-managers .glass-button{min-height:28px;padding:0 5px}.quick-install-managers .glass-button:after{content:"";border-radius:inherit;position:absolute;inset:-8px 0}}@media (prefers-reduced-motion:reduce){.quick-install-managers .glass-button,.quick-install-managers .glass-button:not(:disabled):active{transition:background-color .12s;transform:none}.quick-install-typed[data-typing=true] code{animation:none}.quick-install-typed[data-typing=true] .quick-install-cursor{animation:none;display:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.quick-install-shell{box-shadow:none;background:var(--lightningcss-light,#19212b)var(--lightningcss-dark,#242424);border-color:var(--lightningcss-light,#a9b8c5)var(--lightningcss-dark,#b9b6af)}.quick-install-managers{-webkit-backdrop-filter:none;background:var(--lightningcss-light,#283542)var(--lightningcss-dark,#303030);border-color:var(--lightningcss-light,#a9b8c5)var(--lightningcss-dark,#b9b6af)}}@media (forced-colors:active){.quick-install-shell{color:canvastext;box-shadow:none;background:canvas;border-color:canvastext}.quick-install-shell pre,.quick-install-prompt,.quick-install-terminal-title{color:canvastext}.quick-install-managers button[aria-pressed=true]{color:highlight;border-color:highlight}.quick-install-cursor{background:canvastext}}
#hero-title{font-family:var(--font-headline), cursive;letter-spacing:-.03em;font-kerning:normal;font-optical-sizing:auto;color:var(--foreground);-webkit-hyphens:none;hyphens:none;font-size:clamp(56px,5.4vw,76px);font-weight:600;line-height:.92}#hero-title span{text-wrap:balance;display:block}.hero-heading{position:relative}.hero-description .public-highlight{-webkit-box-decoration-break:clone;box-decoration-break:clone;white-space:nowrap;background:#ffffff59;border:1px solid #ffffff8c;border-radius:4px;padding:1px;display:inline;box-shadow:inset 0 1px #fff9}.hero-description .public-highlight code{color:var(--foreground);background:0 0;border-radius:0;padding:0}@media (min-width:641px) and (max-width:900px){#hero-title{letter-spacing:-.025em;font-size:clamp(42px,5.4vw,50px)}}@media (max-width:640px){#hero-title{letter-spacing:-.025em;font-size:clamp(42px,11vw,54px);line-height:.96}}@media (forced-colors:active){.hero-description .public-highlight{box-shadow:none;background:canvas;border-color:canvastext}}
