.tool-split{grid-template-columns:minmax(0,1fr);grid-template-areas:"in""res""det";gap:16px;display:grid}.tool-split__inputs{grid-area:in;min-width:0}.tool-split__result{min-width:0;scroll-margin-top:var(--reading-anchor-offset);grid-area:res}.tool-split__result:focus{outline:none}.tool-split__result:focus-visible{outline:3px solid var(--color-brand-solid);outline-offset:4px;border-radius:8px}.tool-split__details{grid-area:det;align-content:start;gap:16px;min-width:0;display:grid}@media (min-width:1024px){.tool-split{grid-template-columns:minmax(0,1fr)calc(var(--layout-tool-rail) + 4rem);column-gap:var(--layout-gap);grid-template-rows:auto 1fr;grid-template-areas:"in res""det res";align-items:start}.tool-split__result{top:calc(var(--site-nav-height,72px) + 20px);position:sticky}.tool-split__jump{display:none}}.tool-split__jump{inset-inline:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:40;background:var(--color-text-primary);min-height:52px;color:var(--color-bg-surface);border-radius:6px;font-size:16px;font-weight:700;position:fixed;box-shadow:0 6px 20px #0000002e}.tool-split__jump:focus-visible{outline:3px solid var(--color-brand-solid);outline-offset:3px}