.sw-hub-frame{background:var(--sw-surface-0);min-height:100vh;color:var(--sw-fg)}.sw-hub{width:min(100% - 3rem,92.5rem);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{border-bottom:1px solid var(--sw-border);padding-bottom:1rem;display:block}.sw-hub__hero-copy{min-width:0}.sw-hub__eyebrow,.sw-hub__section-index{margin:0 0 var(--sw-demo-space-1);color:var(--sw-accent-strong);font:600 var(--sw-type-xs) / 1.35 var(--sw-font-mono);letter-spacing:.1em;text-transform:uppercase}.sw-hub__hero h1{color:var(--sw-fg-strong);font:650 clamp(2rem, 3vw, 2.25rem) / 1 var(--sw-font-display);letter-spacing:-.025em;margin:0}.sw-hub__lede{margin:var(--sw-demo-space-2) 0 0;color:var(--sw-fg-muted);font-size:var(--sw-type-sm);line-height:1.5}.sw-hub__hero-notes{gap:var(--sw-demo-space-1);padding-left:var(--sw-demo-space-3);border-left:2px solid var(--sw-accent);display:grid}.sw-hub__inventory{gap:var(--sw-demo-space-2);flex-wrap:wrap;align-items:baseline;margin:0;display:flex}.sw-hub__inventory strong{color:var(--sw-fg-strong);font:650 var(--sw-type-sm) / 1.35 var(--sw-font-display)}.sw-hub__inventory span{color:var(--sw-fg-dim);font:500 var(--sw-type-xs) / 1.4 var(--sw-font-mono)}.sw-hub__internals{color:var(--sw-fg-muted);font-size:var(--sw-type-sm)}.sw-hub__internals summary{width:fit-content;padding-block:var(--sw-demo-space-1);color:var(--sw-accent-strong);font:600 var(--sw-type-xs) / 1.4 var(--sw-font-mono);cursor:pointer}.sw-hub__internals>div{padding:var(--sw-demo-space-2) 0 0 var(--sw-demo-space-3);border-left:1px solid var(--sw-border-strong)}.sw-hub__internals p{margin:0 0 var(--sw-demo-space-2);line-height:1.5}.sw-hub__internals a{color:var(--sw-accent-strong);text-underline-offset:var(--sw-demo-space-1)}.sw-hub__scenes{margin-top:1.25rem}.sw-hub__section-heading{gap:var(--sw-demo-space-4);justify-content:space-between;align-items:end;display:flex}.sw-hub__section-heading>div{gap:var(--sw-demo-space-3);align-items:baseline;display:flex}.sw-hub__section-heading .sw-hub__section-index{margin:0}.sw-hub__section-heading h2{color:var(--sw-fg-strong);font:650 1.25rem / 1.2 var(--sw-font-display);margin:0}.sw-hub__section-heading>p{color:var(--sw-fg-muted);font-size:var(--sw-type-sm);margin:0;line-height:1.45}.sw-hub__toolbar{gap:var(--sw-demo-space-3);justify-content:space-between;align-items:center;margin:1.25rem 0;display:flex}.sw-hub__filters{gap:var(--sw-demo-space-2);border:0;align-items:center;min-width:0;margin:0;padding:0;display:flex}.sw-hub__filters legend{float:left;margin-right:var(--sw-demo-space-3);color:var(--sw-fg-dim);font:600 var(--sw-type-xs) / 1 var(--sw-font-mono);letter-spacing:.08em;text-transform:uppercase}.sw-hub__filters button{min-height:2.75rem;padding-inline:var(--sw-demo-space-3);border:1px solid var(--sw-border-strong);border-radius:var(--sw-demo-radius-1);background:var(--sw-surface-1);color:var(--sw-fg-muted);font:600 var(--sw-type-xs) / 1.2 var(--sw-font-mono);white-space:nowrap;cursor:pointer;transition:border-color var(--sw-demo-transition), background-color var(--sw-demo-transition), color var(--sw-demo-transition)}.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{color:var(--sw-fg-dim);font:600 var(--sw-type-xs) / 1.3 var(--sw-font-mono);font-variant-numeric:tabular-nums;flex:none;margin:0}.sw-hub-scenes{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.25rem,2vw,2rem);margin:0;padding:0;list-style:none;display:grid}.sw-hub-scenes>li{min-width:0;height:15rem}.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);border-radius:var(--sw-demo-radius-2);background:var(--sw-surface-1);height:100%;color:var(--sw-fg);transition:border-color var(--sw-demo-transition), box-shadow var(--sw-demo-transition), translate var(--sw-demo-transition);grid-template-rows:6.5rem minmax(0,1fr);text-decoration:none;display:grid;overflow:hidden}.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=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{gap:var(--sw-demo-space-1);border-top:3px solid var(--sw-hub-accent);background:var(--sw-surface-1);grid-template-rows:auto auto auto minmax(0,1fr);min-width:0;padding:1rem 1.25rem;display:grid}.sw-hub-launch__meta{color:var(--sw-hub-accent-ink);font:600 var(--sw-type-xs) / 1.35 var(--sw-font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sw-hub-launch__body>strong{color:var(--sw-fg-strong);font:650 1.05rem / 1.25 var(--sw-font-display)}.sw-hub-launch__summary{color:var(--sw-fg-muted);font:400 .875rem / 1.45 var(--sw-font-body)}.sw-hub__owner-count{color:var(--sw-hub-accent-ink);font:600 .8125rem / 1.35 var(--sw-font-body);align-self:end}.sw-hub-scene,.sw-hub-framework-scene{border-bottom:1px solid var(--sw-demo-border);background:var(--sw-demo-panel);min-width:0;color:var(--sw-demo-fg);flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex;overflow:hidden}.sw-hub-scene__caption{width:100%;min-width:0;color:var(--sw-demo-muted);font:600 .75rem / 1.35 var(--sw-font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:normal;text-overflow:clip;margin-top:auto;overflow:visible}.sw-hub-framework-scene{justify-content:center}.sw-hub-framework-scene>span{color:var(--sw-demo-fg-strong);font:650 1rem / 1.25rem var(--sw-font-display)}.sw-hub-framework-scene code{color:var(--sw-hub-accent);font:600 .8125rem / 1.4 var(--sw-font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sw-hub-framework-scene small{color:var(--sw-demo-fg-soft);font:500 .75rem / 1.4 var(--sw-font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sw-hub-tele{gap:var(--sw-demo-space-4);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.15 var(--sw-font-display);font-variant-numeric:tabular-nums}.sw-hub-tele__stat small{color:var(--sw-demo-fg-soft);font:500 .75rem / 1.3 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{justify-content:space-between;align-items:start;margin-block:auto;display:flex;position:relative}.sw-hub-commits:before{top:var(--sw-demo-space-1);right:var(--sw-demo-space-2);left:var(--sw-demo-space-2);background:var(--sw-demo-border-strong);content:"";height:2px;position:absolute}.sw-hub-commits__node{gap:var(--sw-demo-space-1);justify-items:center;display:grid;position:relative}.sw-hub-commits__node i{z-index:1;width:var(--sw-demo-space-2);height:var(--sw-demo-space-2);background:var(--sw-demo-accent);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 .6875rem / 1.2 var(--sw-font-mono)}.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{background:var(--sw-hub-accent);width:1.5rem;height:2px;position:relative}.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:0;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:var(--sw-demo-space-1);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.25rem;min-height:1.25rem;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;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:500 .6875rem / 1.2 var(--sw-font-mono)}.sw-hub-sync__seq{gap:var(--sw-demo-space-1);align-items:center;margin-left:2rem;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}@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>=80rem) and (height>=56rem){.sw-hub{padding-top:3rem}.sw-hub__hero{padding-bottom:1.75rem}.sw-hub__scenes{margin-top:2.25rem}.sw-hub__toolbar{margin-block:1.5rem}}@media (width<=79.999rem){.sw-hub-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=48rem){.sw-hub{width:calc(100% - 2rem);padding-top:var(--sw-demo-space-4)}.sw-hub__hero{display:block}.sw-hub__hero h1{font-size:2rem}.sw-hub__hero-notes{padding-left:var(--sw-demo-space-3)}.sw-hub__inventory{display:grid}.sw-hub__section-heading,.sw-hub__section-heading>div{display:block}.sw-hub__section-heading .sw-hub__section-index{margin-bottom:var(--sw-demo-space-1)}.sw-hub__section-heading>p{display:none}.sw-hub__toolbar{margin-block:var(--sw-demo-space-2);display:grid;overflow:hidden}.sw-hub__filters{padding:var(--sw-demo-space-1);scrollbar-width:none;touch-action:pan-x;overflow-x:auto}.sw-hub__filters::-webkit-scrollbar{display:none}.sw-hub__filters legend{display:none}.sw-hub-scenes{counter-reset:hub-item;grid-template-columns:minmax(0,1fr)}.sw-hub-scenes>li{counter-increment:hub-item;height:6.5rem}.sw-hub-launch{border-radius:var(--sw-demo-radius-1);display:block;position:relative}.sw-hub-launch:before{top:var(--sw-demo-space-3);left:var(--sw-demo-space-3);z-index:1;color:var(--sw-hub-accent-ink);font:600 var(--sw-type-xs) / 1 var(--sw-font-mono);content:counter(hub-item, decimal-leading-zero);position:absolute}.sw-hub-scene,.sw-hub-framework-scene{display:none}.sw-hub-launch__body{gap:var(--sw-demo-space-1);height:100%;padding:var(--sw-demo-space-2) var(--sw-demo-space-3) var(--sw-demo-space-2) 3rem;border-top:0;border-left:var(--sw-demo-space-1) solid var(--sw-hub-accent);grid-template-rows:auto auto minmax(0,1fr)}.sw-hub__owner-count{display:none}}@media (prefers-reduced-motion:reduce){.sw-hub-launch,.sw-hub__filters button{transition:none}.sw-hub-launch:hover{translate:none}}