.code{border-radius:var(--radius);border:1px solid var(--line);background:var(--ink-surface);max-width:820px;box-shadow:var(--elev-2);position:relative;overflow:hidden}.code .bar{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:4px 4px 4px 18px;display:flex}.code .file{color:var(--muted);font-size:13px}.code .lang{letter-spacing:.1em;color:var(--dim);border:1px solid var(--line);border-radius:4px;padding:2px 8px;font-size:12px}.code .copy{min-height:var(--tap-min);border-radius:var(--radius-sm);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:8px;margin-left:auto;padding:0 14px;font-size:14px;transition:color .2s,border-color .2s;display:inline-flex}.code .copy:hover{color:var(--fg);border-color:var(--accent-text);background:var(--hover-bg)}.code .copy svg{width:15px;height:15px}.code .copy .i-ok,.code .copy.done .i-cp{display:none}.code .copy.done .i-ok{display:block}.code pre{max-height:var(--max,none);color:var(--fg);tab-size:2;counter-reset:ln;margin:0;padding:18px 0 20px;font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-size:14px;line-height:1.75;overflow:auto}.code pre.wrap-lines,.code pre.wrap-lines *{white-space:pre-wrap;overflow-wrap:anywhere}.code pre.wrap-lines code{min-width:0}.code pre:focus-visible{outline-offset:-3px}.code code{min-width:max-content;display:block}.code .l{white-space:pre;padding-right:24px;display:block}.code .l:before{counter-increment:ln;content:counter(ln);text-align:right;width:3.4em;color:var(--dim);-webkit-user-select:none;user-select:none;padding-right:1.3em;display:inline-block}.code .l:hover{background:#ffffff08}