.docs.cmpg .cp-main{outline:none}.docs.cmpg section[id]{scroll-margin-top:calc(var(--stick-top) + 8px)}.docs.cmpg h2{letter-spacing:-.03em;color:var(--fg);margin:0;font-size:26px;font-weight:600;line-height:1.2}.docs.cmpg .cp-fg{color:var(--fg)}.docs.cmpg .cp-p{max-width:70ch;color:var(--fg2);margin:0;font-size:15px;line-height:1.7}.docs.cmpg .cp-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 32px;padding:44px 0 28px;display:flex}.docs.cmpg .cp-head-main{flex-direction:column;gap:8px;min-width:0;max-width:640px;display:flex}.docs.cmpg .cp-head .h1{color:var(--fg)}.docs.cmpg .cp-head .lead{margin:0}.docs.cmpg .cp-facts{flex-wrap:wrap;gap:28px;margin:0;display:flex}.docs.cmpg .cp-facts div{flex-direction:column;gap:2px;display:flex}.docs.cmpg .cp-facts dd{letter-spacing:-.03em;color:var(--fg);white-space:nowrap;order:-1;margin:0;font-size:22px;font-weight:600;line-height:1.15}.docs.cmpg .cp-facts dt{color:var(--muted);font-size:13px}.docs.cmpg .cp-panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow:hidden}.docs.cmpg .cp-bg{background:var(--bg)}.docs.cmpg .cp-ph{border-bottom:1px solid var(--line);background:var(--raise);justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:0 8px 0 16px;display:flex}.docs.cmpg .cp-t{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-size:12.5px;overflow:hidden}.docs.cmpg .cp-t.cp-fg{color:var(--fg)}.docs.cmpg .cp-ph-end{color:var(--muted);white-space:nowrap;flex:none;padding-right:8px;font-size:11.5px}.docs.cmpg .cp-btn{border:1px solid var(--line2);background:var(--bg);min-height:30px;color:var(--fg);cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;padding:0 10px;font-size:12.5px;display:inline-flex}.docs.cmpg .cp-btn:hover{border-color:var(--fg2)}.docs.cmpg .cp-bar{flex-wrap:wrap;padding:6px 8px 6px 16px}.docs.cmpg .cp-ctls{align-items:center;gap:6px;display:flex}.docs.cmpg .cp-sync{border:1px solid var(--line2);background:var(--bg);min-height:30px;color:var(--fg);cursor:pointer;border-radius:99px;align-items:center;gap:8px;padding:0 10px 0 6px;font-size:12.5px;display:inline-flex}.docs.cmpg .cp-sw{background:var(--line2);border-radius:99px;width:26px;height:16px;transition:background .15s;display:inline-block;position:relative}.docs.cmpg .cp-sw-thumb{background:var(--bg);border-radius:99px;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}.docs.cmpg .cp-sw[data-checked]{background:var(--fg)}.docs.cmpg .cp-sw[data-checked] .cp-sw-thumb{transform:translate(10px)}.docs.cmpg .cp-sync:has(:focus-visible){outline:2px solid var(--fg);outline-offset:2px}.docs.cmpg .cp-five{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.docs.cmpg .cp-five>*{border-right:1px solid var(--line);min-width:0}.docs.cmpg .cp-five>:last-child{border-right:0}.docs.cmpg .cp-tiles[data-layout=grid]{grid-template-columns:repeat(2,minmax(0,1fr))}.docs.cmpg .cp-tiles[data-layout=grid]>*{border-bottom:1px solid var(--line)}.docs.cmpg .cp-tiles[data-layout=grid]>:nth-child(2n){border-right:0}.docs.cmpg .cp-tiles[data-layout=grid]>:last-child:nth-child(odd){grid-column:1/-1}.docs.cmpg .cp-tiles[data-layout=grid]>:last-child{border-bottom:0}.docs.cmpg .cp-tiles[data-layout=grid] .cmpstage{height:380px}.docs.cmpg .cp-layout{gap:4px;margin-right:6px;display:inline-flex}.docs.cmpg .cp-layout .cp-btn{align-items:center;gap:6px;display:inline-flex}.docs.cmpg .cp-layout .cp-btn[aria-pressed=true]{border-color:var(--fg2);background:var(--raise)}.docs.cmpg .cp-tile{flex-direction:column;display:flex}.docs.cmpg .cp-th{border-bottom:1px solid var(--line);background:var(--raise);align-items:center;gap:8px;min-width:0;height:40px;padding:0 12px;font-size:13px;display:flex}.docs.cmpg .cp-th h3{color:var(--fg);margin:0;font-size:13px;font-weight:400}.docs.cmpg .cp-tile.cur .cp-th h3{font-weight:600}.docs.cmpg .cp-th-ev{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);margin-left:auto;font-family:JetBrains Mono,monospace;font-size:11px;overflow:hidden}.docs.cmpg .cmpstage{contain:paint;flex:1 0 auto;height:280px;position:relative;overflow:hidden}.docs.cmpg .cmpstage .host{color:var(--demo-text)}.docs.cmpg .cmpstage .stage-host{padding:40px 12px}.docs.cmpg .cmpstage .dialog{width:calc(100% - 24px);max-width:420px;padding:18px}.docs.cmpg .cp-loading{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin:0;font-size:12.5px;display:flex;position:absolute;inset:0}.docs.cmpg .tilenote{border-top:1px solid var(--line);background:var(--bg);color:var(--muted);margin:0;padding:8px 12px;font-size:12px}.docs.cmpg .tilenote code{font-family:JetBrains Mono,monospace}.docs.cmpg .cp-tfoot{box-sizing:border-box;border-top:1px solid var(--line);background:var(--bg);flex-direction:column;min-height:58px;padding:8px 12px;display:flex}.docs.cmpg .cp-tfoot code,.docs.cmpg .cp-ev code{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11.5px;line-height:1.6;display:block;overflow:hidden}.docs.cmpg .cp-tfoot code:first-child{color:var(--fg2)}.docs.cmpg .cp-tfoot code.on{color:var(--fg)}.docs.cmpg .cp-evhead{border-top:1px solid var(--line);background:var(--raise);color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin:0;padding:8px 12px;font-size:12.5px;display:flex}.docs.cmpg .cp-tiles+.cp-evhead{justify-content:space-between}.docs.cmpg .cp-empty{background:var(--bg)}.docs.cmpg .cp-ev{border-top:1px solid var(--line);background:var(--bg);flex-direction:column;padding:8px 12px;transition:background .25s;display:flex}.docs.cmpg .cp-ev-fw{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:none}.docs.cmpg .cp-ev code.event{color:var(--fg)}.docs.cmpg .cp-ev code.prop{color:var(--fg2)}.docs.cmpg .cp-ev[data-follow=changed]{background:color-mix(in srgb, var(--hl) 10%, var(--bg));box-shadow:inset 2px 0 0 var(--hl)}.docs.cmpg .cp-toc{margin-top:40px}.docs.cmpg .cp-sec{flex-direction:column;gap:16px;padding:64px 0;display:flex}.docs.cmpg .cp-sec+.cp-sec{padding-top:0}.docs.cmpg .cp-whead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;display:flex}.docs.cmpg .cp-whead-main{flex-direction:column;gap:8px;min-width:0;display:flex}.docs.cmpg .cp-note{color:var(--muted);margin:0;font-size:13.5px}.docs.cmpg .c{border:1px solid var(--line);background:var(--panel);border-radius:5px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:.86em}.docs.cmpg .cp-match{color:var(--muted);font-size:13px}.docs.cmpg .cp-match.ok{color:var(--fg)}.docs.cmpg .cp-pop{flex-direction:column;gap:10px;padding:14px 12px;display:flex}.docs.cmpg .cp-pop .cp-ev-fw{display:flex}.docs.cmpg .cp-attrs{flex-direction:column;gap:6px;margin:0;display:flex}.docs.cmpg .cp-attrs div{flex-direction:column;display:flex}.docs.cmpg .cp-attrs dt,.docs.cmpg .cp-attrs dd{overflow-wrap:anywhere;margin:0;font-family:JetBrains Mono,monospace;font-size:11.5px;line-height:1.6}.docs.cmpg .cp-attrs dt{color:var(--c-attr)}.docs.cmpg .cp-attrs dd{color:var(--fg2)}.docs.cmpg .cp-attrs dd.differs{color:var(--coral)}.docs.cmpg .cp-none{color:var(--muted);font-size:12.5px}.docs.cmpg .cp-tabs,.docs.cmpg .cp-ctabs{scrollbar-width:none;min-width:0;display:flex;overflow-x:auto}.docs.cmpg .cp-tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:16px}.docs.cmpg .cp-tabs [role=tab],.docs.cmpg .cp-ctabs [role=tab]{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:none;padding:0 4px;font-size:13.5px}.docs.cmpg .cp-tabs [role=tab]{border-bottom:2px solid #0000;min-height:40px;margin-bottom:-1px;margin-right:16px}.docs.cmpg .cp-ctabs{align-self:stretch}.docs.cmpg .cp-ctabs [role=tab]{padding:0 10px;font-size:13px;box-shadow:inset 0 -2px #0000}.docs.cmpg :is(.cp-tabs,.cp-ctabs) [role=tab][aria-selected=true]{color:var(--fg)}.docs.cmpg .cp-tabs [role=tab][aria-selected=true]{border-bottom-color:var(--fg)}.docs.cmpg .cp-ctabs [role=tab][aria-selected=true]{box-shadow:inset 0 -2px 0 var(--fg)}.docs.cmpg .cp-ph-tabs{padding-left:6px}.docs.cmpg .cp-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.docs.cmpg .cp-pair>*{flex-direction:column;min-width:0;display:flex}.docs.cmpg .cp-pair>:first-child{border-right:1px solid var(--line)}.docs.cmpg :is(.cp-pair,.cp-otherpanel,.cp-panel)[hidden]{display:none}.docs.cmpg .cp-otherpanel{outline:none;flex-direction:column;flex:1;display:flex}.docs.cmpg .cp-code{background:var(--panel);outline-offset:-2px;flex:1}.docs.cmpg .cp-code pre.shiki{padding:12px 0;font-size:12px;line-height:1.7}.docs.cmpg .cp-code .line{padding:0 16px}.docs.cmpg .cp-code .line[data-only]{background:var(--mark);box-shadow:inset 2px 0 0 var(--fw)}.docs.cmpg .cp-code .line[data-shared]{opacity:.45}.docs.cmpg .cp-fivecode>*{flex-direction:column;display:flex}.docs.cmpg .cp-fivecode .cp-code pre.shiki{max-height:520px;padding:12px 0;font-size:10.5px;line-height:1.65}.docs.cmpg .cp-fivecode .cp-code .line{padding:0 12px}.docs.cmpg .cp-mgrid,.docs.cmpg .cp-ngrid{gap:16px;padding:14px 16px;display:grid}.docs.cmpg .cp-mgrid{grid-template-columns:150px repeat(5,minmax(0,1fr));align-items:end}.docs.cmpg .cp-mhead{border-bottom:1px solid var(--line);background:var(--raise);color:var(--muted);padding-top:10px;padding-bottom:10px;font-size:12.5px}.docs.cmpg .cp-mhead>span{align-items:center;gap:6px;min-width:0;display:inline-flex}.docs.cmpg .cp-mhead .cur{color:var(--fg);font-weight:600}.docs.cmpg .cp-mrow+.cp-mrow{border-top:1px solid var(--line)}.docs.cmpg .cp-mh{color:var(--fg);flex-direction:column;font-size:14px;display:flex}.docs.cmpg .cp-mh .sub{font-size:12px}.docs.cmpg .cp-mtd{min-width:0}.docs.cmpg .cp-mcell{width:100%;min-width:0;color:var(--fg2);font:inherit;text-align:left;cursor:default;background:0 0;border:0;flex-direction:column;gap:5px;padding:0;display:flex}.docs.cmpg .cp-mfw{color:var(--muted);font-size:12px;display:none}.docs.cmpg .cp-mcell b{font-size:14px;font-weight:500}.docs.cmpg .cp-mcell.cur b{color:var(--fg)}.docs.cmpg .cp-mcell b.none{color:var(--muted)}.docs.cmpg .cp-mbar{background:var(--line);border-radius:99px;height:4px;display:block}.docs.cmpg .cp-mbar i{border-radius:99px;height:100%;display:block}.docs.cmpg .cp-mcell small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11.5px;overflow:hidden}.docs.cmpg .cp-ll{flex-direction:column;margin:0;display:flex}.docs.cmpg .cp-li{border-top:1px solid var(--line);color:var(--fg2);align-items:baseline;gap:12px;padding:10px 0;font-size:14px;display:grid}.docs.cmpg .cp-li:last-child{border-bottom:1px solid var(--line)}.docs.cmpg .cp-li dt{color:var(--fg)}.docs.cmpg .cp-li dd{margin:0}.docs.cmpg .cp-li-note{grid-template-columns:110px minmax(0,1fr)}.docs.cmpg .cp-li-note dd{font-size:13.5px}.docs.cmpg .cp-li-rule{grid-template-columns:150px minmax(0,1fr)}.docs.cmpg .cp-li-rule.cur dt{font-weight:600}.docs.cmpg .cp-li dd code{border:1px solid var(--line);background:var(--panel);color:var(--fg);border-radius:5px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:.86em}.docs.cmpg .cp-tgl{border:1px solid var(--line2);background:var(--bg);min-height:30px;color:var(--fg);cursor:pointer;border-radius:99px;align-items:center;gap:8px;padding:0 10px 0 6px;font-size:12.5px;display:inline-flex}.docs.cmpg .cp-tgl i{background:var(--line2);border-radius:99px;width:26px;height:16px;transition:background .15s;position:relative}.docs.cmpg .cp-tgl i:after{content:"";background:var(--bg);border-radius:99px;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}.docs.cmpg .cp-tgl[aria-pressed=true] i{background:var(--fg)}.docs.cmpg .cp-tgl[aria-pressed=true] i:after{transform:translate(10px)}.docs.cmpg .cp-xscroll{overflow-x:auto}.docs.cmpg .cp-xscroll>div{min-width:720px}.docs.cmpg .cp-ngrid{grid-template-columns:minmax(150px,1.2fr) repeat(5,minmax(0,1fr));align-items:baseline;gap:12px;padding-top:8px;padding-bottom:8px}.docs.cmpg .cp-ngrid.cp-mhead{padding-top:10px;padding-bottom:10px}.docs.cmpg .cp-nrow+.cp-nrow{border-top:1px solid var(--line)}.docs.cmpg .cp-nh{flex-direction:column;min-width:0;display:flex}.docs.cmpg .cp-nh code{color:var(--fg);font-family:JetBrains Mono,monospace;font-size:12.5px}.docs.cmpg .cp-nh .sub{font-size:11.5px}.docs.cmpg .cp-ncell{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:100%;color:var(--fg2);border-radius:5px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:12px;display:inline-block;overflow:hidden}.docs.cmpg .cp-ncell.diff{background:var(--mark);box-shadow:inset 0 0 0 1px var(--line2);color:var(--fg)}.docs.cmpg .cp-ncell.none{color:var(--muted)}.docs.cmpg .cp-nempty{margin:0;padding:14px 16px}.docs.cmpg .cp-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:16px;padding:28px 0;font-size:14px;display:flex}.docs.cmpg .cp-foot a{color:var(--fg);flex-direction:column;text-decoration:none;display:flex}.docs.cmpg .cp-foot a:hover{color:var(--fg2)}.docs.cmpg .cp-foot a.end{text-align:right}.docs.cmpg .cp-foot a span{color:var(--muted);font-size:12.5px}.docs.cmpg .cp-main>.sitefoot{padding-left:0;padding-right:0}@media (width<=920px){.docs.cmpg .cp-head{padding:28px 0 18px}.docs.cmpg .cp-facts{gap:18px}.docs.cmpg .cp-five,.docs.cmpg .cp-pair{grid-template-columns:minmax(0,1fr)}.docs.cmpg .cp-five>*,.docs.cmpg .cp-pair>:first-child{border-right:0}.docs.cmpg :is(.cp-tiles,.cp-fivecode,.cp-panel>.cp-five)>:not(:last-child),.docs.cmpg .cp-pair>:first-child{border-bottom:1px solid var(--line)}.docs.cmpg .cp-ev .cp-ev-fw{display:flex}.docs.cmpg .cmpstage,.docs.cmpg .cp-tiles[data-layout=grid] .cmpstage{height:240px}.docs.cmpg .cp-tiles[data-layout]{grid-template-columns:minmax(0,1fr)}.docs.cmpg .cp-tiles[data-layout]>*{border-right:0;grid-column:auto}.docs.cmpg .cp-layout{display:none}.docs.cmpg .cp-sec{padding:56px 0}.docs.cmpg .cp-mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.docs.cmpg .cp-mgrid .cp-mh{grid-column:1/-1}.docs.cmpg .cp-mgrid.cp-mhead{display:none}.docs.cmpg .cp-mfw{display:block}.docs.cmpg .cp-li-note,.docs.cmpg .cp-li-rule{grid-template-columns:minmax(0,1fr);gap:4px}}.docs.cmpg .tocompare{margin-top:14px}