@layer components{.code-cell{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.code-cell-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.375rem .5rem .375rem .875rem;display:flex}.code-cell-bar:first-child{border-bottom:1px solid var(--line)}.code-cell-bar:not(:first-child){border-top:1px solid var(--line)}.code-cell-panel{border-top:1px solid var(--line);padding:.875rem}.code-cell .code-cell-static pre,.code-cell .cm-editor{background:var(--subtle);border:0;border-radius:0;margin:0;font-size:.875rem;line-height:1.65}.code-cell .code-cell-static pre{font-family:var(--font-mono);padding:1rem 1.125rem 1rem 0;overflow-x:auto}.code-cell .code-cell-static code{counter-reset:line}.code-cell .code-cell-static .line:before{counter-increment:line;content:counter(line);box-sizing:border-box;text-align:right;width:calc(2ch + 1.75rem);color:var(--muted);margin-right:.375rem;padding-right:.75rem;display:inline-block}@media (pointer:coarse){.code-cell .code-cell-static pre,.code-cell .cm-editor{font-size:1rem}}.code-cell pre.code-output-text{max-height:20rem;font-family:var(--font-mono);background:0 0;border:0;border-radius:0;margin:0;padding:0;font-size:.875rem;line-height:1.6;overflow:auto}}