.bento{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:400px;gap:24px;margin:0;padding:0;list-style:none;display:grid}.bento__item{grid-column:span 2;min-width:0;display:grid}.bento__item--wide{grid-column:span 3}.bc.ui-shell{--shell-radius:var(--radius-2xl)}.bc{--bc-pad:32px;min-width:0;display:grid}.bc__in{isolation:isolate;min-width:0;padding:var(--bc-pad) var(--bc-pad) 0;border-radius:calc(var(--shell-radius) - 1px);grid-template-rows:auto minmax(0,1fr);gap:24px;display:grid;position:relative;overflow:clip}.bc__title{color:var(--text);font:500 24px/1.2 var(--font-sans);letter-spacing:-.015em;margin:0}.bc__body{max-width:410px;color:var(--muted);text-wrap:balance;margin:12px 0 0;font-size:16px;line-height:26px}.bento__item--wide .bc__body{max-width:610px}.bc__stage{min-height:0;margin:0 calc(-1 * var(--bc-pad)) -28px;position:relative}@media (max-width:1199.98px){.bento{grid-auto-rows:380px}}@media (max-width:1023.98px){.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:400px}.bento__item,.bento__item--wide{grid-column:span 1}}@media (max-width:809.98px){.bento{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:16px}.bc{--bc-pad:24px}.bc__title{font-size:22px}.bc__body{line-height:1.55}.bc__stage{height:240px;margin-bottom:-24px}}
.cw-frame{border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.cw{border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--win-bg);height:640px;color:var(--text);font-size:var(--text-xs);grid-template-rows:minmax(0,1fr);grid-template-columns:240px minmax(0,1fr);display:grid;overflow:hidden}.cw-tree{border-right:1px solid var(--win-line);background:var(--win-panel);scrollbar-width:none;min-height:0;padding:8px 8px 16px;overflow:auto}.cw-tree__head{height:36px;color:var(--text);font-weight:var(--weight-medium);justify-content:space-between;align-items:center;margin:0 0 4px;padding:0 8px;display:flex}.cw-tree__head span,.cw-dir__n{color:var(--faint);font-weight:var(--weight-regular)}.cw-tree ul{margin:0;padding:0;list-style:none;display:grid}.cw-tree ul ul{margin-left:14px}.cw-dir,.cw-file{width:100%;height:28px;color:var(--muted);font-size:var(--text-xs);white-space:nowrap;border-radius:7px;align-items:center;gap:8px;padding:0 8px;display:flex}.cw-dir svg,.cw-file svg{color:var(--faint);flex:none}.cw-dir[data-open]{color:var(--text-soft)}.cw-dir:not([data-open]){opacity:.55}.cw-dir__name{font-family:var(--font-mono);text-overflow:ellipsis;overflow:hidden}.cw-dir__n{margin-left:auto}.cw-file{font:inherit;font-family:var(--font-mono);font-size:var(--text-xs);text-align:left;cursor:pointer;transition:background-color var(--dur-hover) var(--ease), color var(--dur-hover) var(--ease);background:0 0;border:0}.cw-file span{text-overflow:ellipsis;overflow:hidden}.cw-file:hover,.cw-file[aria-current]{color:var(--text);background:#ffffff0f}.cw-file[aria-current] svg{color:var(--text-soft)}.cw-file:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.cw-main{grid-template-rows:44px minmax(0,1fr) 44px;min-width:0;display:grid}.cw-bar{border-bottom:1px solid var(--win-line);background:var(--win-panel);align-items:center;min-width:0;display:flex}.cw-tabs{min-width:0}.cw .cw-tabs[data-variant=segmented] .ui-tabs__list{background:0 0;border-radius:0;gap:2px;height:44px;padding:6px;display:flex}.cw .cw-tabs[data-variant=segmented] .ui-tabs__tab{border-radius:var(--radius-pill);height:32px;color:var(--faint);font-size:var(--text-xs);font-weight:var(--weight-medium);flex:none;padding:0 12px}.cw .cw-tabs[data-variant=segmented] .ui-tabs__tab:hover,.cw .cw-tabs[data-variant=segmented] .ui-tabs__tab[aria-selected=true]{color:var(--text)}.cw .cw-tabs .ui-tabs__pill,.cw .cw-tabs[data-variant=segmented] .ui-tabs__list:not([data-pill]) .ui-tabs__tab[aria-selected=true]{box-shadow:none;background:#ffffff14}.cw .cw-tabs .ui-tabs__pill{border-radius:var(--radius-pill);height:32px;top:6px}.cw-files{border:1px solid var(--win-line);height:32px;color:var(--text-soft);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;border-radius:8px;flex:none;align-items:center;gap:6px;margin-left:6px;padding:0 10px;display:none;position:relative}.cw-files svg{color:var(--faint)}.cw-files select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.cw-files:has(select:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.cw-body{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 400px;min-height:0;display:grid}.cw-body__code{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative}.cw-path{color:var(--faint);font-family:var(--font-mono);font-size:var(--text-micro);margin:0;padding:12px 20px 0}.cw-scroll{min-height:0;position:relative}.cw-code{height:100%;color:var(--text-soft);font-family:var(--font-mono);font-size:var(--text-xs);tab-size:2;scrollbar-width:thin;scrollbar-color:#ffffff24 transparent;margin:0;padding:10px 0 20px;line-height:22px;overflow:auto}.cw-code:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.cw-line{white-space:pre;padding-right:20px;display:block}.cw-line:before{content:attr(data-n);width:3em;color:var(--faint);text-align:right;margin-right:1.25em;display:inline-block}.cw-more{color:var(--faint);padding:6px 0 0 4.25em;display:block}.cw-code .t-c{color:var(--faint);font-style:italic}.cw-code .t-s{color:#a9c4b1}.cw-code .t-k,.cw-code .t-t{color:var(--text)}.cw-body__preview{border-left:1px solid var(--win-line);background:var(--win-canvas);min-width:0;min-height:0;overflow:hidden}@media (prefers-reduced-motion:no-preference){.cw-body__code,.cw-body__preview{animation:cw-in var(--dur-fast) var(--ease-out) both}}@keyframes cw-in{0%{opacity:0}}.cw-pv{grid-template-rows:auto minmax(0,1fr);height:100%;display:grid}.cw-pv__bar{border-bottom:1px solid var(--win-line);height:40px;color:var(--text-soft);font-size:var(--text-xs);align-items:center;gap:8px;margin:0;padding:0 16px;display:flex}.cw-pv__bar svg{color:var(--faint)}.cw-pv__bar span{color:var(--faint);font-family:var(--font-mono);font-size:var(--text-micro);margin-left:auto}.cw-pv__page{--pv-h:512px;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.cw-pv__page img{width:100%;height:auto;display:block}@media (hover:hover) and (prefers-reduced-motion:no-preference){.cw-pv__page img{transition:transform 1.2s var(--ease-rm)}.cw-pv__page:hover img{transform:translateY(calc(-100% + var(--pv-h,500px)));transition-duration:9s;transition-timing-function:linear}}.cw-pv__states{align-content:center;gap:22px;min-height:0;padding:20px 16px;display:grid}.cw-pv__states figure{gap:8px;margin:0;display:grid}.cw-pv__states figcaption{color:var(--faint);font-size:var(--text-micro)}.cw-pv__states img{width:100%;height:auto;box-shadow:0 0 0 1px var(--win-line);border-radius:8px;display:block}.cw-type{align-content:start;min-height:0;padding:4px 20px 20px;display:grid}.cw-type__row{border-bottom:1px solid var(--win-line);gap:8px;padding:18px 0;display:grid}.cw-type__size{color:var(--faint);font-family:var(--font-mono);font-size:var(--text-micro)}.cw-type__sample{color:#ffffffa3;font-family:"Inter", var(--font-sans);margin:0;line-height:1.8}.cw-type__note{color:var(--faint);font-size:var(--text-micro);line-height:var(--leading-micro);margin:16px 0 0}.cw-run{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.cw-term{border-bottom:1px solid var(--win-line);color:var(--text-soft);font-family:var(--font-mono);font-size:var(--text-xs);white-space:pre-wrap;margin:0;padding:18px 20px;line-height:22px}.cw-term__cmd{color:var(--text)}.cw-term__dim{color:var(--faint)}.cw-term__ok{color:var(--success)}.cw-deps{font-size:var(--text-xs);align-content:start;margin:0;padding:16px 20px;display:grid}.cw-deps dt{color:var(--faint);margin-bottom:6px}.cw-deps dd{border-bottom:1px solid var(--win-line);font-family:var(--font-mono);justify-content:space-between;gap:12px;margin:0;padding:7px 0;display:flex}.cw-deps dd span:first-child{color:var(--text-soft)}.cw-deps dd span:last-child{color:var(--faint)}.cw-foot{border-top:1px solid var(--win-line);background:var(--win-panel);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:0 6px 0 16px;display:flex}.cw-check{min-width:0;color:var(--muted);font-family:var(--font-mono);font-size:var(--text-micro);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;display:inline-flex;overflow:hidden}.cw-check i{background:var(--success);border-radius:50%;flex:none;width:6px;height:6px}.cw-copy{flex:none}@media (max-width:1199.98px){.cw{grid-template-columns:220px minmax(0,1fr)}.cw-body{grid-template-columns:minmax(0,1fr) 320px}}@media (max-width:1023.98px){.cw{grid-template-columns:minmax(0,1fr)}.cw-tree{display:none}.cw-files{display:inline-flex}.cw-body{grid-template-columns:minmax(0,1fr) 300px}.cw .cw-tabs[data-variant=segmented] .ui-tabs__list{scroll-padding-inline:24px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.cw-scroll:after{content:"";background:linear-gradient(90deg, transparent, var(--win-bg));pointer-events:none;width:32px;position:absolute;top:0;bottom:0;right:0}}@media (max-width:809.98px){.cw{height:auto}.cw-main{grid-template-rows:44px auto 44px}.cw-body{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr)}.cw-scroll{height:360px}.cw-body__preview{border-top:1px solid var(--win-line);border-left:0;height:340px}.cw-pv__page{--pv-h:300px}}