.sp{--wrap: var(--wrap-wide)}.sp main{padding:0 var(--gutter)}.sp .sp-h2{margin-bottom:18px;font-family:var(--f-mono);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.sp .sp-panel{padding:28px;border-radius:6px;background:radial-gradient(circle,rgb(var(--ink-rgb) / .06) 1px,transparent 1.6px) 0 0 / 14px 14px,var(--card);box-shadow:0 0 0 1px var(--line-2),0 18px 40px -32px rgb(var(--shade) / .35)}.sp .sp-chip{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--paper-2);font-family:var(--f-mono);font-size:12px;font-weight:500;letter-spacing:.04em}.sp .sp-chip--cat{background:var(--ink);color:var(--card);text-transform:uppercase}.sp .sp-chip--draft{background:var(--butter)}.sp .sp-round{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--card);color:var(--ink);box-shadow:0 6px 18px -8px rgb(var(--shade) / .45);transition:transform .4s var(--ease-spring),background-color var(--t-fast)}.sp .sp-round:hover{background:var(--lime);transform:scale(1.08)}.sp .sp-round:active{transform:scale(.94)}.sp .sp-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line-2),0 1px 2px rgb(var(--shade) / .06);font-size:15px;font-weight:500;letter-spacing:-.01em;white-space:nowrap;transition:box-shadow var(--t-fast),background-color var(--t-fast),transform var(--t-fast)}.sp .sp-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink),0 1px 2px rgb(var(--shade) / .06)}.sp .sp-ghost svg{flex:none;color:var(--ink-2)}.sp .sp-ghost:active{transform:scale(.97)}.sp .sp-ghost:disabled{opacity:.5}.sp .copybtn{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;height:58px;padding:0 7px 0 24px;border-radius:999px;background:var(--ink);color:var(--card);font-size:17px;font-weight:500;letter-spacing:-.02em;transition:transform var(--t-fast) var(--ease-out),background-color var(--t-base)}.sp .copybtn:active{transform:scale(.97)}.sp .copybtn:disabled{opacity:.6;cursor:progress}.sp .copybtn__roll{display:grid;height:1.3em;overflow:hidden;line-height:1.3;text-align:left}.sp .copybtn__roll span{transition:transform .45s var(--ease-spring)}.sp .copybtn.is-done .copybtn__roll span{transform:translateY(-100%)}.sp .copybtn__dot{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--lime);color:var(--forest);transition:transform .5s var(--ease-spring)}.sp .copybtn:hover .copybtn__dot{transform:rotate(-12deg) scale(1.06)}.sp .copybtn.is-done .copybtn__dot{transform:rotate(360deg) scale(1.08)}.sp .copybtn--sm{height:42px;padding-left:18px;gap:10px;font-size:14px}.sp .copybtn--sm .copybtn__dot{width:32px;height:32px}.sp .copybtn--sm .copybtn__dot svg{width:15px;height:15px}.sp .copybtn--lime{background:var(--lime);color:var(--forest)}.sp .copybtn--lime .copybtn__dot{background:var(--forest);color:var(--lime)}.sp .sp-head{max-width:var(--wrap);margin:0 auto;padding:28px 0 clamp(64px,8vw,112px)}.sp .sp-crumbs{display:flex;flex-wrap:wrap;gap:10px;font-family:var(--f-mono);font-size:12px;font-weight:500;color:var(--ink-3)}.sp .sp-crumbs a{color:var(--ink-2);transition:color var(--t-fast)}.sp .sp-crumbs a:hover{color:var(--leaf)}.sp .sp-crumbs [aria-current]{color:var(--ink)}.sp .sp-head__grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;align-items:end;gap:48px;margin-top:48px}.sp .sp-head__chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:26px}.sp .sp-title{display:inline-block;max-width:100%;padding:.06em .22em .12em;background:var(--c);font-size:clamp(48px,7.4vw,112px)}.sp .sp-title h1{font-size:1em;font-weight:500;line-height:.95;letter-spacing:-.055em;text-wrap:balance}.sp .sp-title .frame__h{animation:handle-in .45s var(--ease-spring) .65s both}.sp .sp-sub{max-width:44ch;margin-top:46px;font-size:clamp(19px,1.6vw,22px);line-height:1.4;letter-spacing:-.02em;color:var(--ink-2)}.sp .sp-actions{display:grid;gap:10px}.sp .sp-actions>.copybtn{width:100%}.sp .sp-actions__row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sp .sp-actions__row>:last-child:nth-child(odd){grid-column:1 / -1}.sp .sp-facts{display:grid;border-top:1px solid var(--line-2)}.sp .sp-facts div{display:flex;justify-content:space-between;gap:16px;padding:10px 2px;border-bottom:1px solid var(--line-2);font-size:14px}.sp .sp-facts dt{color:var(--ink-3)}.sp .sp-facts dd{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.sp .sp-facts .mono{font-family:var(--f-mono);font-size:12.5px}.sp .sp-top{display:grid;grid-template-columns:minmax(0,1fr) 380px;align-items:stretch;gap:48px;max-width:var(--wrap);margin:0 auto;padding-bottom:96px}.sp .sp-stage{min-width:0;align-self:start}.sp .sp-side{display:flex;flex-direction:column;gap:20px;padding:20px 24px 8px}.sp .sp-side .sp-facts{margin:auto -24px 0;padding:0 24px}.sp .sp-side .sp-facts div:last-child{border-bottom:0}.sp .sp-about .sp-h2{margin-bottom:12px}.sp .sp-about .sp-prose{font-size:15px;line-height:1.55;color:var(--ink-2)}.sp .sp-about .sp-tags{margin-top:16px}.sp .sp-stage__frame{position:relative;border-radius:6px;outline:none;animation:rise .8s var(--ease-out) .45s both}.sp .sp-stage__frame:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--leaf) 30%,transparent)}.sp .sp-stage__media{aspect-ratio:16 / 10;max-height:calc(100vh - 180px);overflow:hidden;border-radius:6px;background:var(--card);box-shadow:0 0 0 1px var(--line-2),0 28px 56px -34px rgb(var(--shade) / .55);animation:media-in .5s var(--ease-out) both}@keyframes media-in{0%{opacity:.2;transform:scale(.99)}}.sp .sp-stage__media img,.sp .sp-stage__media video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.sp .sp-stage__nav{position:absolute;right:16px;bottom:16px;display:flex;gap:8px}.sp .sp-stage__play{position:absolute;left:16px;bottom:16px}.sp .sp-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sp .sp-thumb{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:3px;background:var(--paper-2);opacity:.55;box-shadow:0 0 0 1px var(--line-2);transition:opacity var(--t-fast),box-shadow var(--t-fast),transform .4s var(--ease-spring)}.sp .sp-thumb:hover{opacity:.9;transform:translateY(-2px)}.sp .sp-thumb.is-on{opacity:1;box-shadow:0 0 0 2px var(--leaf)}.sp .sp-thumb img,.sp .sp-thumb video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.sp .sp-thumb__play{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ink);color:var(--lime)}.sp .sp-info{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:clamp(64px,9vw,128px);max-width:var(--wrap);margin:0 auto;padding-bottom:96px}.sp .sp-block+.sp-block{margin-top:24px}.sp .sp-features li:nth-child(-n+2){border-top:0;padding-top:4px}.sp .sp-prose{max-width:62ch;font-size:19px;line-height:1.55;letter-spacing:-.015em}.sp .sp-prose p+p{margin-top:.8em}.sp .sp-prose a{text-decoration:underline;text-underline-offset:3px}.sp .sp-prose ul,.sp .sp-prose ol{margin:.8em 0;padding-left:1.2em;list-style:disc}.sp .sp-prose ol{list-style:decimal}.sp .sp-prose code{padding:1px 6px;border-radius:4px;background:var(--paper-2);font-family:var(--f-mono);font-size:.82em}.sp .sp-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px;padding:0;list-style:none}.sp .sp-tags li{padding:5px 12px;border-radius:999px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line-2);font-size:13px;font-weight:500}.sp .sp-features{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;padding:0;list-style:none}.sp .sp-features li{padding:18px 0 20px;border-top:1px solid var(--line-2)}.sp .sp-features h3{font-size:18px;font-weight:500;letter-spacing:-.025em}.sp .sp-features p{margin-top:6px;font-size:14.5px;line-height:1.5;color:var(--ink-2)}.sp .sp-install{position:sticky;top:calc(var(--nav-h) + 24px);align-self:start;padding:28px;border-radius:6px;background:radial-gradient(circle,rgba(159,232,112,.14) 1px,transparent 1.6px) 0 0 / 16px 16px,var(--forest);color:var(--on-forest)}.sp .sp-install .hand{color:var(--butter);rotate:-4deg;display:inline-block;font-size:26px}.sp .sp-install h2{margin-top:6px;font-size:40px;font-weight:500;letter-spacing:-.05em}.sp .sp-install ol{display:grid;gap:18px;margin-top:24px;padding:0;list-style:none}.sp .sp-install li{display:grid;grid-template-columns:30px 1fr;gap:12px;font-size:15px;line-height:1.5;color:#f6f5efd1}.sp .sp-install li p:first-child:not(:only-child){margin-bottom:10px}.sp .sp-install b{color:var(--on-forest);font-weight:600}.sp .sp-install code{padding:1px 6px;border-radius:4px;background:#9fe87029;color:var(--lime);font-family:var(--f-mono);font-size:.86em;word-break:break-all}.sp .sp-install__n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--lime);color:var(--forest);font-family:var(--f-mono);font-size:13px;font-weight:500}.sp .sp-install__more{display:inline-flex;align-items:center;gap:6px;margin-top:24px;padding-top:18px;width:100%;border-top:1px dashed rgba(246,245,239,.25);font-size:14px;font-weight:500;color:var(--lime)}.sp .sp-install__more svg{transition:transform .4s var(--ease-spring)}.sp .sp-install__more:hover svg{transform:translate(3px,-3px)}.sp .sp-install__help{margin-top:14px;font-size:13px;opacity:.6}.sp .sp-install__help a{text-decoration:underline;text-underline-offset:3px}.sp .sp-code{max-width:var(--wrap);margin:0 auto 64px;border-radius:6px;background:var(--card);box-shadow:0 0 0 1px var(--line-2);scroll-margin-top:calc(var(--nav-h) + 20px)}:root[data-theme=dark] .sp .sp-code{--syn-brace: var(--lime);--syn-kw: var(--lilac);--syn-var: var(--sky);--syn-filter: var(--butter);--syn-tag: var(--sky);--syn-attr: #c3ef9f;--syn-val: var(--butter);--syn-comment: var(--ink-3);--syn-key: var(--lilac);--syn-str: #ffe39a;--syn-num: #ffa58f;color:var(--ink-2)}.sp .sp-code__head{display:flex;align-items:center;gap:16px;padding:10px 10px 10px 12px;border-bottom:1px solid var(--line-2)}.sp .sp-code__tab{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:7px 12px;border-radius:999px;background:var(--ink);color:var(--lime);font-family:var(--f-mono);font-size:12.5px;font-weight:500}.sp .sp-code__tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp .sp-code__meta{font-family:var(--f-mono);font-size:12px;color:var(--ink-3)}.sp .sp-code__head .copybtn{margin-left:auto}.sp .sp-code__body{position:relative;overflow-x:auto}.sp .sp-code__body.is-clipped{max-height:80vh;overflow:hidden}.sp .sp-code__body.is-clipped:after{content:"";position:absolute;left:0;right:0;bottom:0;height:200px;background:linear-gradient(transparent,var(--card) 75%);pointer-events:none}.sp .sp-code pre{margin:0;padding:16px 0;font-family:var(--f-mono);font-size:12.5px;line-height:1.7}.sp .sp-code__line{display:grid;grid-template-columns:56px 1fr;padding-right:20px;white-space:pre-wrap;word-break:break-word}.sp .sp-code__line:hover{background:#9fe8702e}.sp .sp-code__n{padding-right:18px;text-align:right;color:var(--ink-3);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.sp .sp-code__more{display:inline-flex;align-items:center;gap:12px;height:48px;padding:0 6px 0 22px;border-radius:999px;background:var(--ink);color:var(--card);font-size:15px;font-weight:500;letter-spacing:-.01em;box-shadow:0 12px 28px -14px rgb(var(--shade) / .6);transition:transform var(--t-fast) var(--ease-out)}.sp .sp-code__more:active{transform:scale(.97)}.sp .sp-code__body.is-clipped .sp-code__more{position:absolute;z-index:1;left:50%;bottom:28px;translate:-50% 0}.sp .sp-code__more.is-open{display:flex;margin:8px auto 24px}.sp .sp-code__more-dot{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--lime);color:var(--forest);transition:transform .45s var(--ease-spring)}.sp .sp-code__more:hover .sp-code__more-dot{transform:translateY(2px)}.sp .sp-code__more.is-open .sp-code__more-dot{rotate:180deg}.sp .sp-code__more.is-open:hover .sp-code__more-dot{transform:translateY(-2px)}.sp .sp-log{max-width:var(--wrap);margin:0 auto 64px}.sp .sp-log>ol>li:first-child{border-top:0;padding-top:0}.sp .sp-log ol{padding:0;list-style:none}.sp .sp-log>ol>li{display:grid;grid-template-columns:110px 1fr;align-items:start;gap:16px;padding:16px 0;border-top:1px solid var(--line-2)}.sp .sp-log__date{padding-top:5px;font-size:14px;color:var(--ink-3)}.sp .sp-log ul{padding-left:1.1em;list-style:disc;font-size:15px;line-height:1.6}.sp .sp-report{max-width:var(--wrap);margin:0 auto 120px;padding:18px;border-radius:6px;background:var(--card);box-shadow:0 0 0 1px var(--line-2)}.sp .sp-report__bar{display:flex;align-items:center;gap:16px}.sp .sp-report__bar>div{flex:1}.sp .sp-report h2{font-size:18px;font-weight:500;letter-spacing:-.02em}.sp .sp-report__bar p{font-size:14px;color:var(--ink-2)}.sp .sp-report__icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:var(--butter);transition:transform .5s var(--ease-spring)}.sp .sp-report:hover .sp-report__icon,.sp .sp-report.is-open .sp-report__icon{transform:rotate(-14deg)}.sp .sp-report__form{display:grid;gap:10px;margin-top:16px;animation:rise .4s var(--ease-out) both}.sp .sp-report textarea,.sp .sp-report input{width:100%;padding:12px 14px;border-radius:6px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line-2);font-size:16px;outline:none;resize:vertical;transition:box-shadow var(--t-fast)}.sp .sp-report textarea:focus,.sp .sp-report input:focus{box-shadow:inset 0 0 0 1.5px var(--ink)}.sp .sp-report__row{display:flex;gap:10px}.sp .sp-report__row input{flex:1;border-radius:999px;padding-inline:18px}.sp .sp-report__err{font-size:14px;color:var(--danger)}.sp .sp-report.is-done .sp-report__icon{background:var(--lime);transform:none;animation:rise .4s var(--ease-out) both}.sp .sp-report.is-done .sp-ghost{flex:none}.sp .sp-more{max-width:var(--wrap);margin:0 auto;padding-bottom:120px}.sp .sp-more__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:40px}.sp .sp-more__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.sp .sp-float{position:fixed;left:50%;bottom:18px;z-index:45;display:flex;align-items:center;gap:12px;padding:6px;border-radius:999px;background:var(--ink);color:var(--card);box-shadow:0 18px 40px -16px rgb(var(--shade) / .6);transform:translate(-50%,calc(100% + 40px));transition:transform .55s var(--ease-spring)}.sp .sp-float.is-on{transform:translate(-50%)}.sp .sp-float img{width:42px;height:42px;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;background:var(--c)}.sp .sp-float__title{max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;letter-spacing:-.02em}.sp .sp-loading{display:grid;place-items:center;min-height:70svh}.sp .sp-loading__frame{padding:14px 22px;font-family:var(--f-mono);font-size:13px;animation:breathe-frame 1.2s var(--ease-io) infinite alternate}@keyframes breathe-frame{to{padding:18px 34px}}@media (max-width: 1000px){.sp .sp-head__grid,.sp .sp-top,.sp .sp-info{grid-template-columns:minmax(0,1fr)}.sp .sp-head__grid{margin-top:36px;gap:36px}.sp .sp-install{position:static}.sp .sp-more__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp .sp-more__grid>:nth-child(3){display:none}}@media (max-width: 640px){.sp .sp-features{grid-template-columns:1fr}.sp .sp-features li:nth-child(2){border-top:1px solid var(--line-2);padding-top:18px}.sp .sp-panel{padding:22px 20px}.sp .sp-side{padding:18px 20px 6px}.sp .sp-side .sp-facts{margin-inline:-20px;padding-inline:20px}.sp .sp-more__grid{grid-template-columns:minmax(0,1fr)}.sp .sp-more__grid>:nth-child(3){display:block}.sp .sp-stage__nav .sp-round{width:36px;height:36px}.sp .sp-code__meta{display:none}.sp .sp-report__bar{flex-wrap:wrap}.sp .sp-report__row{flex-direction:column}.sp .sp-log>ol>li{grid-template-columns:minmax(0,1fr);gap:6px}.sp .sp-float__title{max-width:calc(100vw - 230px)}.sp .sp-prose{font-size:17px}}