@layer components{.code-panel{border:1px solid var(--code-border);border-radius:var(--radius-md);background:var(--code-surface);min-width:0;max-width:100%;color:var(--code-text);overflow:hidden}.code-panel[data-editable=true]{border-color:var(--border-field)}.code-toolbar{align-items:center;gap:var(--space-2);min-height:40px;padding-inline:var(--space-3) var(--space-1);border-bottom:1px solid var(--code-border);background:var(--code-chrome);color:var(--code-muted);font:var(--text-xs)/var(--leading-xs) var(--font-ui);flex-wrap:wrap;display:flex}.code-language{font-family:var(--font-mono);color:var(--code-text)}.code-mode{padding-left:var(--space-2);border-left:1px solid var(--code-border)}.code-actions{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.code-overflow-hint{margin-right:var(--space-2);white-space:nowrap}.code-toolbar .ui-button{color:var(--code-muted);font-size:var(--text-xs)}.code-toolbar .ui-button[data-pressed],.code-toolbar .ui-button[aria-pressed=true]{background:var(--code-selection);color:var(--code-text)}.code-scroll{overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--code-muted) var(--code-chrome);max-height:32rem;overflow:auto}@supports selector(::-webkit-scrollbar){.code-scroll{scrollbar-width:auto;scrollbar-color:auto}.code-scroll::-webkit-scrollbar{width:10px;height:10px}.code-scroll::-webkit-scrollbar-track{background:var(--code-chrome)}.code-scroll::-webkit-scrollbar-corner{background:var(--code-chrome)}.code-scroll::-webkit-scrollbar-thumb{border:3px solid var(--code-chrome);border-radius:var(--radius-md);background:var(--code-muted)}}.code-scroll:focus-visible{outline:var(--focus-ring) solid var(--focus);outline-offset:-2px}.code-panel.code-panel .code-content{padding:var(--space-3) 0;color:var(--code-text);max-height:none;font:var(--text-sm)/var(--leading-sm) var(--font-mono);white-space:pre;overflow-wrap:normal;text-align:start;background:0 0;border:0;border-radius:0;margin:0;overflow:visible}.code-panel.code-panel .code-content>code{width:max-content;min-width:100%;color:inherit;font:inherit;white-space:inherit;overflow-wrap:inherit;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block}.code-line{min-height:var(--leading-sm);align-items:flex-start;display:flex}.code-line-number{color:var(--code-muted);text-align:right;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;flex:0 0 4.5ch;padding-right:1.5ch}.code-line-number:before{content:attr(data-line)}.code-line-text{min-width:0;padding-inline:var(--space-2) var(--space-4);border-left:1px solid var(--code-border);flex:1}.code-panel[data-wrap] .code-content>code{width:100%}.code-panel[data-wrap] .code-line-text{white-space:pre-wrap;overflow-wrap:anywhere}.code-content ::selection{background:var(--code-selection)}.code-panel .code-notice{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--code-border);color:var(--code-muted);font:var(--text-xs)/var(--leading-xs) var(--font-ui);margin:0}.json-key{color:var(--code-key)}.json-string{color:var(--code-string)}.json-number{color:var(--code-number)}.json-boolean{color:var(--code-keyword)}.json-null{color:var(--code-null)}.json-punctuation{color:var(--code-muted)}.json-inline.json-inline{padding-inline:var(--space-1);border-radius:var(--radius-xs);background:var(--code-surface);white-space:pre-wrap;overflow-wrap:anywhere}}