.mechanism-lab{margin:24px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.mechanism-lab header{padding:24px;display:flex;justify-content:space-between;gap:20px}.mechanism-lab h2{font-size:30px;line-height:1.15}.mechanism-lab button,.mechanism-lab select{font-size:11px;border:1px solid var(--line);border-radius:6px;padding:8px;color:var(--text);background:var(--panel)}.mechanism-lab button[aria-pressed=true]{border-color:var(--mint);color:var(--mint)}.ml-tools{display:flex;flex-wrap:wrap;gap:8px;padding:12px 24px;border-block:1px solid var(--line)}.ml-canvas{background:#f3f6f3;overflow:hidden}.ml-canvas svg{width:100%;height:430px;display:block}.ml-canvas text{font:13px system-ui;fill:#394c4a}.ml-canvas [data-entity]{cursor:pointer}.ml-status{display:grid;grid-template-columns:1.6fr 1fr;gap:26px;padding:24px}.ml-status h3{font:25px var(--serif);margin-bottom:12px}.ml-status p{font-size:12px;line-height:1.8}.ml-status aside{border-left:1px solid var(--line);padding-left:24px}.ml-status strong{display:block;margin:12px 0}.ml-status small{font-size:10px;color:var(--soft)}.mechanism-lab details{padding:18px 24px;border-top:1px solid var(--line);font-size:11px}.mechanism-lab details p{margin:12px 0;line-height:1.8}@media(max-width:700px){.mechanism-lab header{display:block}.mechanism-lab header>div+div{margin-top:18px}.ml-status{display:block}.ml-status aside{border-left:0;padding:20px 0 0}.ml-canvas svg{height:340px}}
