.atom-lab{background:#f5f8f2;border:1px solid #d7e1d7;border-radius:18px;padding:22px;margin:22px 0}.atom-layout{display:grid;grid-template-columns:minmax(170px,.75fr) minmax(0,1.6fr);gap:24px;align-items:start}.atom-control{display:grid;grid-template-columns:1fr auto;gap:8px;margin:15px 0;color:#294136;font-size:.94rem}.atom-control input,.atom-control select{grid-column:1/-1;width:100%;accent-color:#39715a}.atom-control select{padding:9px;border:1px solid #9db2a4;border-radius:8px;background:white;font:inherit}.atom-svg{display:block;width:100%;height:auto;background:white;border:1px solid #d9e3db;border-radius:12px}.atom-svg text{font-family:Arial,sans-serif}.atom-result{padding:13px 16px;background:#e8eee4;border-radius:10px;min-height:40px;line-height:1.7}.atom-scope{font-size:.9rem;color:#4c6154}.atom-derive{border-left:3px solid #b18443;padding-left:18px}.atom-lab h3{margin-top:0}.atom-source{overflow-wrap:anywhere}@media(max-width:760px){.atom-layout{grid-template-columns:1fr}.atom-lab{padding:15px}.atom-control{font-size:1rem}}@media print{.atom-lab{break-inside:avoid}.atom-control{display:none}.atom-svg{max-height:260px}}

@media(max-width:560px){.atom-lab>div,.atom-layout>div{overflow-x:auto}.atom-svg{min-width:520px}.atom-layout{min-width:0}.atom-lab{min-width:0}}