.sw-hub-frame{--sw-demo-fg:var(--sw-fg);--sw-demo-fg-strong:var(--sw-fg-strong);--sw-demo-fg-soft:var(--sw-fg-muted);--sw-demo-muted:var(--sw-fg-muted);--sw-demo-border:var(--sw-border);--sw-demo-border-strong:var(--sw-border-strong);--sw-demo-raised:var(--sw-surface-2);--sw-demo-deep:var(--sw-surface-1);--sw-demo-accent-strong:var(--sw-accent-strong);isolation:isolate;background:radial-gradient(ellipse at 85% 0%, color-mix(in srgb, var(--sw-accent) 9%, transparent), transparent 45rem), var(--sw-surface-0);min-height:100vh;color:var(--sw-fg);position:relative}.sw-hub-frame:before{z-index:-1;background:linear-gradient(color-mix(in srgb, var(--sw-border) 55%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--sw-border) 55%, transparent) 1px, transparent 1px);content:"";pointer-events:none;background-size:4rem 4rem;height:56rem;position:absolute;inset:0 0 auto;-webkit-mask-image:radial-gradient(80% 70% at 50% 0,#000 30%,#0000 100%);mask-image:radial-gradient(80% 70% at 50% 0,#000 30%,#0000 100%)}.sw-hub{width:calc(100% - 2 * var(--sw-page-inset));max-width:96rem;margin-inline:auto;padding:clamp(1.5rem,3vh,2rem) 0 3rem}.sw-hub :is(a,button,summary):focus-visible{border-radius:var(--sw-demo-radius-1);outline:.125rem solid var(--sw-accent);outline-offset:var(--sw-demo-space-1)}.sw-hub__hero{max-width:46rem;padding-block:clamp(2rem,5vw,4rem) .5rem}.sw-hub__eyebrow{color:var(--sw-accent-strong);font:650 .78rem / 1.4 var(--sw-font-body);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .75rem}.sw-hub__hero h1{color:var(--sw-fg-strong);font:700 clamp(2.25rem, 4.2vw, 3.5rem) / 1.05 var(--sw-font-display);letter-spacing:-.04em;text-wrap:balance;margin:0}.sw-hub__lede{color:var(--sw-fg-muted);margin:1rem 0 0;font-size:1.05rem;line-height:1.6}.sw-hub__scenes{margin-top:clamp(1.75rem,3vw,2.5rem)}.sw-hub__group+.sw-hub__group{margin-top:clamp(2.5rem,5vw,3.5rem)}.sw-hub__group-head{border-bottom:1px solid var(--sw-border);flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.sw-hub__group-head h3{color:var(--sw-fg-strong);font:650 1.25rem / 1.3 var(--sw-font-display);letter-spacing:-.02em;margin:0}.sw-hub__group-head p{color:var(--sw-fg-muted);margin:0;font-size:.875rem}.sw-hub__visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sw-hub__toolbar{gap:var(--sw-demo-space-3);flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:0 0 1.25rem;display:flex}.sw-hub__filters{border:0;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;margin:0;padding:0;display:flex}.sw-hub__filters legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sw-hub__filters button{min-height:2.75rem;padding-inline:var(--sw-demo-space-3);border:1px solid var(--sw-border-strong);background:var(--sw-surface-1);color:var(--sw-fg-muted);font:600 .8125rem / 1.3 var(--sw-font-body);cursor:pointer;transition:border-color var(--sw-demo-transition), background-color var(--sw-demo-transition), color var(--sw-demo-transition);border-radius:999px}.sw-hub__filters button:hover{border-color:var(--sw-accent);color:var(--sw-fg-strong)}.sw-hub__filters button[aria-pressed=true]{border-color:var(--sw-accent);background:var(--sw-accent);color:var(--sw-accent-ink)}.sw-hub__filter-status{margin:0 0 0 var(--sw-demo-space-1);padding-left:var(--sw-demo-space-3);border-left:1px solid var(--sw-border);color:var(--sw-fg-dim);font:600 var(--sw-type-xs) / 1.3 var(--sw-font-mono);font-variant-numeric:tabular-nums;flex:none}.sw-hub-scenes{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:auto;gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.sw-hub-scenes>li{grid-column:span 4;min-width:0;display:flex}.sw-hub-scenes>li[data-kind=framework],.sw-hub-scenes[data-group=all]>li[data-kind=capability]:nth-child(n+4){grid-column:span 3}.sw-hub-launch:not(.sw-hub-launch--framework){grid-template-rows:12rem 1fr}.sw-hub-launch.sw-hub-launch--framework{grid-template-rows:8.5rem 1fr}.sw-hub-launch{--sw-hub-accent:var(--sw-demo-accent);--sw-hub-accent-ink:color-mix(in srgb, var(--sw-hub-accent) 72%, var(--sw-fg-strong));border:1px solid var(--sw-border);background:var(--sw-surface-1);width:100%;height:100%;color:var(--sw-fg);transition:border-color var(--sw-demo-transition), box-shadow var(--sw-demo-transition), translate var(--sw-demo-transition);border-radius:1.25rem;grid-template-rows:minmax(10rem,auto) 1fr;text-decoration:none;display:grid;overflow:clip}.sw-hub-launch[data-owner=performance],.sw-hub-launch[data-owner=vanilla]{--sw-hub-accent:var(--sw-demo-warn)}.sw-hub-launch[data-owner=interoperability],.sw-hub-launch[data-owner=react]{--sw-hub-accent:var(--sw-demo-react-accent)}.sw-hub-launch[data-owner=collaboration]{--sw-hub-accent:var(--sw-demo-danger)}.sw-hub-launch[data-owner=engine]{--sw-hub-accent:#a78bfa}.sw-hub-launch[data-owner=vue]{--sw-hub-accent:var(--sw-demo-vue-accent)}.sw-hub-launch[data-owner=svelte]{--sw-hub-accent:var(--sw-demo-svelte-accent)}.sw-hub-launch__body{border-top:1px solid color-mix(in srgb, var(--sw-hub-accent) 40%, var(--sw-border));background:var(--sw-surface-1);grid-template-rows:auto auto 1fr auto;gap:.625rem;min-width:0;padding:clamp(1.25rem,2vw,1.75rem);display:grid}.sw-hub-launch__meta{color:var(--sw-hub-accent-ink);font:600 .6875rem / 1.4 var(--sw-font-mono);letter-spacing:.07em;text-transform:uppercase}.sw-hub-launch__body>strong{color:var(--sw-fg-strong);font:650 1.25rem / 1.25 var(--sw-font-display)}.sw-hub-launch__summary{color:var(--sw-fg-muted);font:400 .875rem / 1.6 var(--sw-font-body)}.sw-hub__owner-count{border-top:1px solid var(--sw-border);color:var(--sw-accent-strong);font:600 .875rem / 1.4 var(--sw-font-body);margin-top:.5rem;padding-top:1rem;display:block}.sw-hub-scene,.sw-hub-framework-scene{background:radial-gradient(ellipse at 50% 15%, color-mix(in srgb, var(--sw-hub-accent) 9%, transparent), transparent 85%), var(--sw-surface-0);min-width:0;color:var(--sw-demo-fg);border-bottom:0;flex-direction:column;justify-content:center;gap:.5rem;padding:1.5rem 1.25rem 3rem;display:flex;position:relative}.sw-hub-scene__caption{min-width:0;color:var(--sw-demo-muted);font:500 .75rem / 1.5 var(--sw-font-body);margin:0;position:absolute;bottom:1rem;left:1.25rem;right:1.25rem;overflow:visible}.sw-hub-framework-scene{justify-content:center;gap:.5rem;padding-block:1.25rem}.sw-hub-framework-scene code{font:500 .75rem / 1.55 var(--sw-font-mono);text-wrap:balance;display:block}.sw-hub-framework-scene__import{color:var(--sw-demo-fg-soft)}.sw-hub-framework-scene__import span{white-space:nowrap}.sw-hub-framework-scene__import i{color:var(--sw-hub-accent-ink);font-style:normal}.sw-hub-framework-scene__import em{color:var(--sw-demo-accent-strong);font-style:normal}.sw-hub-framework-scene__mount{color:var(--sw-hub-accent-ink);font-weight:600}.sw-hub-tele{flex-wrap:wrap;gap:1rem;display:flex}.sw-hub-tele__stat{gap:var(--sw-demo-space-1);display:grid}.sw-hub-tele__stat strong{color:var(--sw-demo-fg-strong);font:650 1rem / 1.5 var(--sw-font-display);font-variant-numeric:tabular-nums}.sw-hub-tele__stat small{color:var(--sw-demo-fg-soft);font:500 .75rem / 1.5 var(--sw-font-mono)}.sw-hub-tele__bars{gap:var(--sw-demo-space-1);flex:1;align-items:end;min-height:2rem;display:flex}.sw-hub-tele__bars i{background:color-mix(in srgb, var(--sw-demo-warn) 58%, var(--sw-demo-border));border-radius:1px;flex:1;height:24%}.sw-hub-tele__bars i:nth-child(3n){height:44%}.sw-hub-tele__bars i:nth-child(5n+2){height:34%}.sw-hub-tele__bars i:nth-child(4n+1){height:58%}.sw-hub-tele__bars i:nth-child(7n){background:var(--sw-demo-warn);height:90%}.sw-hub-commits{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,.8fr)) minmax(0,1.5fr) minmax(0,1.3fr);align-items:start;gap:.25rem;margin-block:auto;padding-inline:.25rem;display:grid;position:relative}.sw-hub-commits:before{background:var(--sw-demo-border-strong);content:"";height:2px;position:absolute;top:.4375rem;left:1rem;right:1rem}.sw-hub-commits__node{justify-items:center;gap:.5rem;min-width:0;display:grid;position:relative}.sw-hub-commits__node i{z-index:1;background:var(--sw-demo-accent);width:.875rem;height:.875rem;box-shadow:0 0 0 4px var(--sw-surface-0);border-radius:50%}.sw-hub-commits__node[data-kind=snapshot] i{background:var(--sw-demo-muted);border-radius:1px}.sw-hub-commits__node[data-kind=compact] i{background:var(--sw-demo-warn);border-radius:1px;rotate:45deg}.sw-hub-commits__node[data-kind=reload] i{border:2px solid var(--sw-demo-accent-strong);background:var(--sw-demo-panel)}.sw-hub-commits__node code{color:var(--sw-demo-fg-soft);font:500 .75rem / 1.4 var(--sw-font-mono);overflow-wrap:anywhere;text-align:center}.sw-hub-exchange{justify-content:center;align-items:center;gap:var(--sw-demo-space-2);margin-block:auto;display:flex}.sw-hub-exchange__files{gap:var(--sw-demo-space-1);display:grid}.sw-hub-file{padding:var(--sw-demo-space-1) var(--sw-demo-space-2);border:1px solid var(--sw-demo-border-strong);border-radius:var(--sw-demo-radius-1);background:var(--sw-demo-raised);color:var(--sw-demo-fg-soft);font:600 .6875rem / 1.2 var(--sw-font-mono);text-align:center}.sw-hub-exchange__arrow{width:1.5rem;height:1rem;position:relative}.sw-hub-exchange__arrow:before{background:var(--sw-hub-accent);content:"";height:2px;position:absolute;top:calc(50% - 1px);left:0;right:2px}.sw-hub-exchange__arrow:after{width:var(--sw-demo-space-2);height:var(--sw-demo-space-2);border-top:2px solid var(--sw-hub-accent);border-right:2px solid var(--sw-hub-accent);content:"";position:absolute;top:50%;right:2px;transform:translateY(-50%)rotate(45deg)}.sw-hub-exchange__grid{grid-template-columns:repeat(3, var(--sw-demo-space-3));padding:var(--sw-demo-space-1);border:1px solid var(--sw-demo-border-strong);border-radius:var(--sw-demo-radius-1);background:var(--sw-demo-raised);gap:2px;display:grid}.sw-hub-exchange__grid i{height:var(--sw-demo-space-2);background:var(--sw-demo-border-strong)}.sw-hub-exchange__grid i:nth-child(4n+1){background:var(--sw-demo-react-accent)}.sw-hub-sync{gap:.625rem;margin-block:auto;display:grid}.sw-hub-sync__lane{gap:var(--sw-demo-space-2);align-items:center;display:flex;position:relative}.sw-hub-sync__lane:before{border-top:1px dashed var(--sw-demo-border-strong);content:"";position:absolute;top:50%;left:2rem;right:0}.sw-hub-sync__peer,.sw-hub-sync__seq span{z-index:1;border-radius:var(--sw-demo-radius-1);min-width:1.5rem;min-height:1.5rem;color:var(--sw-demo-ink);font:650 .6875rem / 1 var(--sw-font-mono);place-items:center;display:grid}.sw-hub-sync__peer{border-radius:50%}.sw-hub-sync__lane[data-client=a] .sw-hub-sync__peer,.sw-hub-sync__seq span[data-client=a]{background:var(--sw-demo-accent)}.sw-hub-sync__lane[data-client=b] .sw-hub-sync__peer,.sw-hub-sync__seq span[data-client=b]{background:var(--sw-demo-danger)}.sw-hub-sync__lane code{z-index:1;border:1px solid var(--sw-demo-border-strong);border-radius:var(--sw-demo-radius-1);background:var(--sw-demo-raised);color:var(--sw-demo-fg-soft);font:500 .75rem / 1.2 var(--sw-font-mono);padding:.3rem .5rem}.sw-hub-sync__seq{gap:var(--sw-demo-space-1);align-items:center;margin-left:2.25rem;display:flex}.sw-hub-sync__seq:before{margin-right:var(--sw-demo-space-1);color:var(--sw-demo-muted);font:600 .6875rem / 1 var(--sw-font-mono);content:"seq";text-transform:uppercase}.sw-hub-spill__formula{color:var(--sw-demo-fg-strong);font:600 .8rem / 1.4 var(--sw-font-mono)}.sw-hub-spill__formula em{color:var(--sw-demo-accent-strong);font-style:normal}.sw-hub-spill{border:1px solid color-mix(in srgb, var(--sw-demo-accent) 55%, transparent);background:var(--sw-demo-border);grid-template-columns:max-content max-content;gap:1px;width:max-content;display:grid}.sw-hub-spill>span{display:contents}.sw-hub-spill i,.sw-hub-spill b{background:var(--sw-demo-deep);font:500 .72rem / 1.3 var(--sw-font-mono);padding:.18rem .6rem;font-style:normal}.sw-hub-spill i{color:var(--sw-demo-fg-soft)}.sw-hub-spill b{color:var(--sw-demo-accent-strong);text-align:right;font-weight:600}.sw-hub-trace{gap:.3rem;display:grid}.sw-hub-trace code{color:var(--sw-demo-fg-soft);font:500 .72rem / 1.4 var(--sw-font-mono)}.sw-hub-trace i{min-width:5.5rem;color:var(--sw-hub-accent-ink);font-style:normal;display:inline-block}@media (hover:hover){.sw-hub-launch:hover{border-color:var(--sw-hub-accent);box-shadow:var(--sw-shadow);translate:0 calc(var(--sw-demo-space-1) * -1)}}@media (width<=79.999rem){.sw-hub-scenes>li,.sw-hub-scenes>li[data-kind=framework],.sw-hub-scenes[data-group=all]>li[data-kind=capability]:nth-child(n+4){grid-column:span 6}.sw-hub-scenes[data-group=all]>li[data-kind=capability]:nth-child(7){grid-column:1/-1}}@media (width>=40rem) and (width<=79.999rem){.sw-hub-scenes[data-group=all]>li[data-kind=capability]:nth-child(7) .sw-hub-launch{grid-template-rows:minmax(12rem,auto);grid-template-columns:repeat(2,minmax(0,1fr))}.sw-hub-scenes[data-group=all]>li[data-kind=capability]:nth-child(7) .sw-hub-launch__body{border-top:0;border-left:1px solid color-mix(in srgb, var(--sw-hub-accent) 40%, var(--sw-border))}}@media (width<=63.999rem){.sw-hub__filter-status{border-left:0;flex-basis:100%;margin-left:0;padding-left:0}}@media (width<=39.999rem){.sw-hub{padding-top:1rem}.sw-hub-scenes>li,.sw-hub-scenes>li[data-kind=framework],.sw-hub-scenes[data-group=all]>li[data-kind=capability]:nth-child(n+4){grid-column:1/-1}.sw-hub__toolbar{align-items:start;gap:.75rem}}@media (prefers-reduced-motion:reduce){.sw-hub-launch,.sw-hub__filters button{transition:none}.sw-hub-launch:hover{translate:none}}