.code{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;color:var(--color-fg);font:var(--font-size-sm)/20px var(--font-mono)}.code__header{display:flex;align-items:center;gap:var(--space-4);height:36px;padding:0 var(--space-4) 0 var(--space-8);border-bottom:1px solid var(--color-border);overflow-x:auto}.code__header:has(+.code__actions){padding-right:calc(var(--control-sm) + var(--space-8))}.code__tab{flex:none;height:36px;padding:0 var(--space-8);margin-bottom:-1px;border:0;border-bottom:1px solid transparent;background:none;color:var(--color-fg-muted);font:var(--font-weight-medium) var(--text-sm) var(--font-sans);cursor:pointer}.code__tab:hover{color:var(--color-fg)}.code__tab:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-focus-ring);border-radius:var(--radius-sm)}.code__tab[aria-selected=true]{color:var(--color-fg);border-bottom-color:var(--color-fg)}.code__file{display:inline-flex;align-items:center;gap:var(--space-8);padding:0 var(--space-4);color:var(--color-fg-muted);font:var(--text-sm) var(--font-mono)}.code__actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-4);flex:none}.code>.code__actions{position:absolute;z-index:1;top:0;right:var(--space-4);height:36px;margin-left:0;background:var(--color-code-bg)}.code__body{margin:0;padding:var(--space-12) var(--space-16);overflow:auto;tab-size:2;font:inherit;white-space:normal}.code__body:focus{outline:none;box-shadow:inset 0 0 0 2px var(--color-focus-ring)}.code__line{display:block;min-height:20px;white-space:pre}.code__ln{display:inline-block;width:20px;margin-right:var(--space-16);text-align:right;color:var(--color-fg-subtle);user-select:none}.code__line--highlight{background:var(--color-accent-subtle);margin:0 calc(-1 * var(--space-16));padding:0 var(--space-16)}.code--bare .code__body{padding:var(--space-8) var(--space-12)}.tok-kw{color:var(--color-code-keyword)}.tok-str{color:var(--color-code-string)}.tok-num{color:var(--color-code-number)}.tok-fn{color:var(--color-code-function)}.tok-prop{color:var(--color-code-property)}.tok-cm{color:var(--color-code-comment)}.tok-pn{color:var(--color-code-punctuation)}