/* Tool feed under a reply, and the Changes panel in the right rail */
.m-work { cursor: default; }
.m-work.open small { transform: rotate(90deg); }
.m-work small { transition: transform 0.3s; }
.tools { margin: -2px 0 12px; padding-left: 12px; display: grid; gap: 2px; }
.tool { display: flex; align-items: center; gap: 10px; padding: 3px 0; color: var(--a-text-3); font-size: 13.5px; animation: chipIn 0.25s var(--ease); }
.tool .ic { width: 13px; height: 13px; }
.tool .tn { min-width: 44px; color: var(--a-text-2); }
.tool .tp { font: 12.5px var(--a-mono); color: var(--a-text-3); }
.tool .tx { margin-left: auto; font: 12.5px var(--a-mono); color: var(--a-ok); }

.a-rail { transition: width 0.6s var(--ease); overflow: hidden; }
.a-rail.wide { width: 470px; }
.chg[hidden] { display: none; }
.chg-h { display: flex; align-items: center; gap: 12px; padding: 4px 8px 14px; color: var(--a-heading); font-size: 15px; }
.chg-h b { font-weight: 500; }
.chg-h .n, .chg-file .n { margin-left: auto; font-size: 13.5px; }
.chg-h .ic:first-child { color: var(--a-text-3); }
.chg-file { display: flex; align-items: center; gap: 10px; margin: 0 2px; padding: 9px 10px; border-radius: 9px; background: #1c1c1c; color: var(--a-text); font-size: 13.5px; }
.chg-file .ic { width: 14px; height: 14px; color: var(--a-text-3); }
.chg-diff { margin: 8px 2px 0; border-radius: 9px; background: #0b0b0b; overflow: hidden; font: 12.5px/1.75 var(--a-mono); }
.dl { padding: 0 12px; white-space: pre; overflow: hidden; color: var(--a-text-3); animation: chipIn 0.25s var(--ease); }
.dl.hunk { background: #161616; color: #6f8fb8; }
.dl.add { background: rgba(52, 199, 89, 0.12); color: #7ee29a; }
.dl.del { background: rgba(255, 95, 87, 0.12); color: #ff9d97; }