.ui-code-panel{display:grid;gap:var(--s2);min-width:0}.ui-code-surface{overflow:hidden;border:1px solid var(--code-control-surface);border-radius:var(--radius);background:var(--code-surface);color:var(--code-text)}.ui-code-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:44px;padding:0 var(--s2) 0 var(--s4);border-bottom:1px solid var(--code-control-surface)}.ui-code-title{font-size:13px;font-weight:600;color:var(--code-text)}.ui-code-tools{display:flex;align-items:center;gap:var(--s3);margin-left:auto}.ui-code-language{font-family:var(--font-mono);font-size:12px;color:var(--code-comment)}.ui-code-panel .copy button,.ui-code-panel .copy button.button-quiet{min-height:32px;padding-inline:var(--s3);border:1px solid var(--code-control-border);border-radius:8px;background:var(--code-control-surface);color:var(--code-text);font-size:13px;font-weight:500}.ui-code-panel .copy button:hover{border-color:var(--code-keyword)}.ui-code-panel .copy button:focus-visible{outline:2px solid var(--code-keyword);outline-offset:2px}.ui-code-tabs{display:flex;gap:var(--s4);align-self:stretch;outline:none}.ui-code-tab{display:inline-flex;align-items:center;min-height:44px;border-bottom:2px solid transparent;color:var(--code-comment);font-size:13px;font-weight:500;cursor:pointer;outline:none}.ui-code-tab[data-hovered]{color:var(--code-text)}.ui-code-tab[data-selected]{color:var(--code-text);font-weight:600;border-bottom-color:var(--code-keyword)}.ui-code-tab[data-focus-visible]{outline:2px solid var(--code-keyword);outline-offset:-2px;border-radius:4px}.ui-code-tab-panel{outline:none}.ui-code-panel .ui-code-pre{margin:0;padding:var(--s4);overflow-x:auto;border-radius:0;background:transparent;color:var(--code-text);font-size:13px;line-height:1.7}.ui-code-panel .ui-code-pre:focus-visible{outline:2px solid var(--code-keyword);outline-offset:-2px}.ui-code-caption{font-size:13px;color:var(--text-muted)}