.jl-snippet{display:inline-flex;align-items:center;gap:var(--space-2);max-width:100%;vertical-align:middle;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;color:var(--text-primary);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:4px var(--space-2) 4px var(--space-3)}.jl-snippet__prompt{color:var(--text-tertiary);-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:none}.jl-snippet__code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jl-snippet__copy{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;cursor:pointer;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:var(--transition-control)}.jl-snippet__copy:hover{background:var(--surface-muted);color:var(--text-primary)}.jl-snippet__copy svg{width:15px;height:15px}.jl-snippet__copy--done{color:var(--success)}.jl-codeblock{position:relative;overflow:hidden;background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-family:var(--font-mono)}.jl-codeblock__bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);background:var(--surface-card);border-bottom:1px solid var(--border-subtle)}.jl-codeblock__title{font-size:var(--text-xs);color:var(--text-secondary);font-family:var(--font-sans)}.jl-codeblock__lang{margin-left:auto;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:var(--weight-semibold)}.jl-codeblock__copy,.jl-codeblock__lang{color:var(--text-tertiary);font-family:var(--font-sans)}.jl-codeblock__copy{flex:none;display:inline-flex;align-items:center;gap:var(--space-2);padding:4px var(--space-2);border:none;cursor:pointer;background:transparent;font-size:var(--text-xs);border-radius:var(--radius-sm);transition:var(--transition-control)}.jl-codeblock__copy:hover{color:var(--text-primary);background:var(--surface-muted)}.jl-codeblock__copy svg{width:14px;height:14px}.jl-codeblock__copy--done{color:var(--success)}.jl-codeblock--barless .jl-codeblock__copy{position:absolute;top:var(--space-3);right:var(--space-3);z-index:1;background:var(--surface-card);border:1px solid var(--border-subtle)}.jl-codeblock__scroll{overflow-x:auto;padding:var(--space-4)}.jl-codeblock pre{margin:0}.jl-codeblock code{display:block;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-primary);white-space:pre;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.jl-codeblock__row{display:block}.jl-codeblock--numbered .jl-codeblock__row{counter-increment:jlln}.jl-codeblock--numbered .jl-codeblock__row:before{content:counter(jlln);display:inline-block;width:2em;margin-right:var(--space-4);text-align:right;color:var(--text-tertiary);opacity:.7;-webkit-user-select:none;-moz-user-select:none;user-select:none}.jl-codeblock--numbered .jl-codeblock__scroll{counter-reset:jlln}