.atelier .at-dvi{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch;gap:16px;display:grid}.atelier .at-dvi .at-code{background:var(--s2);border-radius:16px;flex-direction:column;display:flex}.atelier .at-dvi .at-code pre{flex:1;height:auto;padding:16px 0;font-size:12.5px;line-height:1.7}.atelier .at-dvi .at-code .at-l:before{width:44px;padding-right:16px}.atelier .at-dvi-foot{border-top:1px solid var(--line);align-items:center;gap:16px;padding:12px 16px;display:flex}.atelier .at-dvi-foot p{text-align:right;font:400 12px var(--f-mono);color:var(--dim);margin:0 0 0 auto}.atelier .at-dvi-res{flex-direction:column;padding:20px 0;display:flex}.atelier .at-dvi-h{justify-content:space-between;align-items:center;gap:12px;padding:0 20px;display:flex}.atelier .at-dvi-h .at-pill{transition:opacity .3s var(--ease)}.atelier .at-dvi-res .at-api{margin:16px 20px 0}.atelier .at-dvi-res .at-api .at-r,.atelier .at-dvi-res .at-tl li{transition:opacity .3s var(--ease)}.atelier .at-dvi-res [data-state=pending]{opacity:.18}.atelier .at-dvi-res .at-lbl.at-sub{margin:24px 20px 0;display:block}.atelier .at-dvi-res .at-tl{padding:4px 20px 0}.atelier .at-dvi-res .at-tl b{font:500 13px var(--f-mono)}.atelier .at-snip{background:var(--bg);border:1px solid var(--line);font:400 12px/1.7 var(--f-mono);color:var(--ink2);white-space:pre;border-radius:10px;margin:14px 16px 16px;padding:12px 14px;overflow:hidden}.atelier .at-snip .at-t-k{color:var(--ink);font-weight:500}.atelier .at-tok img{object-fit:contain;filter:grayscale();opacity:.75;width:14px;height:14px;transition:filter .2s,opacity .2s}.atelier .at-tok[data-state=now] img{filter:none;opacity:1}.atelier .at-mfoot code{font:500 11px var(--f-mono);color:var(--ink2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.atelier .at-term{background:var(--bg);border:1px solid var(--line);font:400 12px/1.8 var(--f-mono);color:var(--mute);border-radius:10px;margin:14px 16px 16px;padding:12px 14px}.atelier .at-term b{color:var(--ink);font-weight:500}.atelier .at-term .at-out{color:var(--ink2);transition:opacity .25s var(--ease);align-items:center;gap:8px;display:flex}.atelier .at-term .at-out[data-state=pending]{opacity:0}@media (width<=1180px){.atelier .at-dvi{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.atelier .at-dvi .at-code pre{font-size:11.5px}.atelier .at-dvi .at-code .at-l:before{width:32px;padding-right:12px}.atelier .at-dvi-foot{flex-wrap:wrap}.atelier .at-dvi-res{padding:16px 0}.atelier .at-dvi-h,.atelier .at-dvi-res .at-tl{padding-left:16px;padding-right:16px}.atelier .at-dvi-res .at-api{margin:16px 16px 0}.atelier .at-dvi-res .at-lbl.at-sub{margin:20px 16px 0}}