.cw-host{container-type:inline-size}.cw{border:1px solid var(--rule-strong);background:var(--bg);color:var(--ink);grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);display:grid}.cw :focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.cw-code{border-right:1px solid var(--rule-strong);background:var(--code-bg);flex-direction:column;min-width:0;display:flex}.cw-bar{border-bottom:1px solid var(--rule-strong);background:var(--bg);justify-content:space-between;align-items:stretch;display:flex}.cw-tabs{display:flex;position:relative}.cw-tabs [role=tab]{appearance:none;border:0;border-right:1px solid var(--rule);min-height:44px;font:400 13px/1 var(--f-mono);color:var(--ink-2);cursor:pointer;transition:color .2s var(--ease), background-color .2s var(--ease);background:0 0;padding:0 16px}.cw-tabs [role=tab]:hover{color:var(--ink)}.cw-tabs [aria-selected=true]{color:var(--ink);background:var(--code-bg)}.cw-ind{background:var(--accent);transform-origin:0;width:1px;height:2px;transition:transform .35s var(--ease);position:absolute;bottom:0;left:0}.cw-copy{appearance:none;border:0;border-left:1px solid var(--rule);width:104px;min-height:44px;font:400 13px/1 var(--f-mono);color:var(--ink-2);cursor:pointer;transition:color .2s var(--ease);background:0 0;justify-content:center;align-items:center;gap:8px;display:inline-flex}.cw-copy:hover{color:var(--ink)}.cw-copy .ic{width:14px;height:14px;display:grid}.cw-copy svg{width:14px;height:14px}.cw-copy.done{color:var(--ok)}.cw-panels{flex:1;display:grid}.cw-panel{opacity:0;visibility:hidden;grid-area:1/1;min-width:0}.cw-panel.on{opacity:1;visibility:visible}.cw-panel pre{font:400 13px/22px var(--f-mono);tab-size:2;color:var(--ink);counter-reset:ln;scrollbar-width:thin;margin:0;padding:18px 20px 20px 0;overflow-x:auto}.cw-panel code{font:inherit}.cw-panel .ln{counter-increment:ln}.cw-panel .ln:before{content:counter(ln);text-align:right;width:44px;color:var(--ink-3);background:var(--code-bg);user-select:none;margin-right:0;padding-right:16px;display:inline-block;position:sticky;left:0}.cw .k{color:var(--accent)}.cw .s{color:var(--ok)}.cw .p{color:var(--ink-2)}.cw .f{color:var(--ink);font-weight:500}.cw .c{color:var(--ink-3)}.cw-out{background:var(--bg);flex-direction:column;min-width:0;display:flex}.cw-out-head{border-bottom:1px solid var(--rule-strong);min-height:45px;font:400 12px/18px var(--f-mono);color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}.cw-out-head b{color:var(--ink);font-weight:500}.cw-replay{appearance:none;border:1px solid var(--rule);min-height:32px;font:400 12px/1 var(--f-mono);color:var(--ink);cursor:pointer;background:0 0;padding:0 10px}.cw-replay:hover{border-color:var(--ink)}.cw-stream{font:400 12px/24px var(--f-mono);color:var(--ink-2);flex:1;grid-auto-rows:24px;align-content:start;margin:0;padding:14px 16px;list-style:none;display:grid}.cw-stream li{white-space:nowrap;opacity:0;transition:opacity .3s var(--ease), transform .3s var(--ease);gap:8px;padding-left:14px;display:flex;position:relative;overflow:hidden;transform:translateY(4px)}.cw-stream li:before{content:"";background:var(--rule);width:6px;height:2px;position:absolute;top:11px;left:0}.cw-stream li.on{opacity:1;transform:none}.cw-stream li.on:not(.idle):last-child:before,.cw-stream li.on:not(.idle):has(+li:not(.on)):before{background:var(--accent)}.cw-stream .cmd{color:var(--ink)}.cw-stream .pr{color:var(--accent)}.cw-stream .m{color:var(--ink);min-width:6ch;font-weight:500}.cw-stream .ck{color:var(--ok)}.cw-stream .r{color:var(--ink-3);margin-left:auto}.cw-stream .r.ok{color:var(--ok)}.cw-note{border-top:1px solid var(--rule);font:400 12px/18px var(--f-mono);color:var(--ink-3);margin:0;padding:10px 16px 12px}.cw-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@container (width<=859px){.cw{grid-template-columns:minmax(0,1fr)}.cw-code{border-right:0;border-bottom:1px solid var(--rule-strong)}}@container (width<=459px){.cw-tabs{flex:1}.cw-tabs [role=tab]{flex:1;padding:0 8px}.cw-tabs [role=tab]:last-of-type{border-right:0}.cw-copy{width:44px}.cw-copy .tx{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.cw-panel .ln:before{width:34px;padding-right:12px}}@media (prefers-reduced-motion:reduce){.cw-ind,.cw-stream li{transition:none}}.dev{padding:clamp(40px, 6vw, 96px) var(--pad)}.dev-in{max-width:var(--frame);margin:0 auto}.dev-head{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:clamp(20px,4vw,64px);margin-bottom:clamp(28px,4vw,48px);display:grid}.dev-head p{color:var(--ink-2);text-wrap:pretty;max-width:46ch;margin:0}.dev-install{font:400 13px/1.6 var(--f-mono);color:var(--ink-2);flex-wrap:wrap;gap:8px 28px;margin-top:20px;display:flex}@media (width<=820px){.dev-head{grid-template-columns:1fr}}