.pane{margin:0 0 1.5rem;border:1px solid var(--line);border-radius:3px;background:var(--code-bg);overflow:hidden}.pane-bar{display:flex;align-items:center;gap:.75ch;padding:.35rem .8rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.82em;white-space:nowrap;overflow:hidden}.pane-bar .sep{color:var(--line-strong)}.pane-bar .here{color:var(--fg)}.pane-body{--pad-x: .9rem;overflow-x:auto;padding:.7rem var(--pad-x);font-size:.92em;line-height:1.6}@media(max-width:860px){.pane-body{--pad-x: .6rem}.pane-body>*{font-size:min(1em,calc((100vw - 2 * var(--gutter) - 2 * var(--pad-x)) / (var(--cols) * .6)))}}.editor{--lh: 1.65;position:relative;line-height:var(--lh);counter-reset:ln}.editor .row{display:block;position:relative;white-space:pre;padding-left:calc(var(--gut) * 1ch)}.editor .row:before{counter-increment:ln;content:counter(ln);position:absolute;left:0;width:calc((var(--gut) - 1.5) * 1ch);text-align:right;color:var(--line-strong)}.editor .row.current{background:color-mix(in srgb,var(--accent) 8%,transparent);margin-inline:calc(-1 * var(--pad-x));padding-left:calc(var(--gut) * 1ch + var(--pad-x));padding-right:var(--pad-x)}.editor .row.current:before{left:var(--pad-x);color:var(--accent)}.editor .str{color:var(--code-string)}.editor .constant{color:var(--code-constant)}.editor .comment{color:var(--muted);font-style:italic}.editor .punct{color:var(--muted)}.editor .key,.editor .plain,.editor .expr{color:var(--fg)}.editor .marker{color:var(--accent)}.editor .squiggle{text-decoration:var(--error) wavy underline;text-decoration-thickness:1px;text-underline-offset:.25em}.editor .caret{display:inline-block;width:0;height:1.1em;vertical-align:text-bottom;border-left:2px solid var(--accent);margin-right:-2px}@media(prefers-reduced-motion:no-preference){.editor .caret{animation:editor-blink 1.1s steps(1,end) infinite}}@keyframes editor-blink{50%{opacity:0}}.editor .completion{--pop: 26ch;position:absolute;top:calc((var(--line) + .3) * var(--lh) * 1em);left:min(calc((var(--col) + var(--gut) - 1) * 1ch),calc(100% - var(--pop)));min-width:var(--pop);border:1px solid var(--line-strong);border-radius:3px;background:var(--bg);box-shadow:0 6px 18px -8px #00000073;padding:2px;z-index:1}.editor .completion .item{display:flex;align-items:baseline;gap:1ch;padding:.1rem .5rem;border-radius:2px;white-space:nowrap}.editor .completion .selected{background:color-mix(in srgb,var(--accent) 12%,transparent)}.editor .completion .icon{color:var(--accent)}.editor .completion .type{margin-left:auto;padding-left:2ch;color:var(--muted)}@media(prefers-reduced-motion:no-preference){.editor .completion{animation:editor-popup .16s var(--ease-out) .9s both}}@keyframes editor-popup{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.features-bar{position:relative;gap:0;padding:0;overflow-x:auto}.features-bar [role=tab]{padding:.45rem .9rem;border:0;border-right:1px solid var(--line);background:none;color:var(--muted);font:inherit;cursor:pointer}.features-bar [role=tab]{transition:color .18s var(--ease-out),background-color .18s var(--ease-out)}.features-bar [role=tab]:hover{color:var(--fg)}.features-bar [role=tab][aria-selected=true]{color:var(--accent);background:var(--bg)}.tab-indicator{position:absolute;bottom:0;left:0;width:var(--w, 0);height:2px;background:var(--accent);transform:translate(var(--x, 0))}.tab-indicator.ready{transition:transform .26s var(--ease-out),width .26s var(--ease-out)}.feature-stack{display:grid}.feature{grid-area:1 / 1;min-width:0;display:flex;flex-direction:column;padding:0;overflow:hidden;transition:opacity .3s var(--ease-out),transform .3s var(--ease-out)}.feature[hidden]{display:flex;visibility:hidden;opacity:0;transform:translate(100%);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out),visibility 0s .3s}.feature[hidden][data-side=before]{transform:translate(-100%)}@media(prefers-reduced-motion:reduce){.feature,.feature[hidden],.tab-indicator.ready{transition:none}.feature[hidden],.feature[hidden][data-side=before]{transform:none}}.feature-caption{margin:0;padding:.7rem var(--pad-x) 0;color:var(--muted)}.feature-code{flex:1;overflow-x:auto;padding:.8rem var(--pad-x) .7rem}.feature-code-inner{width:max-content;min-width:100%}.feature pre{overflow:visible!important;margin:0;padding:0;border:0;font-size:1em;line-height:inherit}.feature pre+pre{margin-top:.8rem;padding-top:.8rem;border-top:1px dashed var(--line)}