.box{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}.box>*{min-width:0}
.stack{display:flex;flex-direction:column;gap:16px;min-width:0}.side{display:flex;flex-direction:column;gap:12px}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{font:11px var(--mono);padding:4px 9px;border-radius:99px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.chips button.on{background:var(--accent);color:#061016;border-color:var(--accent)}
.list{display:flex;flex-direction:column;gap:6px;max-height:440px;overflow:auto}
.item{padding:10px 12px;border-radius:10px;border:1px solid transparent;cursor:pointer;text-align:left;background:#ffffff06;color:var(--text);font:inherit;display:flex;justify-content:space-between;gap:8px;align-items:center}
.item:hover{border-color:var(--line)}.item.on{border-color:var(--accent);background:#ffffff0d}.item b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item small{font:11px var(--mono);color:var(--muted);flex:none}
.title-in{font:700 18px var(--sans);background:transparent;border:0;padding:0;color:var(--text);flex:1;min-width:0}
.meta{margin-bottom:10px}#code{min-height:200px;font-size:13px;tab-size:2}
.hl{margin:0;padding:16px;border-radius:12px;background:#05070f;border:1px solid var(--line);font:13px/1.6 var(--mono);overflow:auto;max-height:420px;tab-size:2;counter-reset:ln}
.t-k{color:#c792ea}.t-s{color:#c3e88d}.t-n{color:#f78c6c}.t-c{color:#637089;font-style:italic}.t-f{color:#82aaff}.t-a{color:#ffcb6b}
@media (max-width:820px){.box{grid-template-columns:1fr}}