.respiration-lab{margin:24px 0;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}.rl-head{padding:24px;display:flex;justify-content:space-between;gap:24px}.rl-head h2{font-size:30px;line-height:1.15}.respiration-lab button,.respiration-lab select{font:11px system-ui;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:9px;cursor:pointer}.respiration-lab button[aria-pressed=true]{border-color:var(--mint);box-shadow:inset 0 -2px var(--mint)}.respiration-lab button:disabled{opacity:.45}.rl-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 24px;border-block:1px solid var(--line)}.rl-tools label{font-size:11px;display:flex;gap:7px;align-items:center}.rl-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(275px,1fr)}.rl-view{position:relative;min-height:480px;background:var(--bg)}.rl-view canvas{width:100%;height:490px;display:block;touch-action:none;cursor:grab}.rl-overlay{position:absolute;inset:0;pointer-events:none}.rl-hint{position:absolute;bottom:10px;left:18px;right:15px;font-size:10px;color:var(--soft);pointer-events:none}.rl-read{padding:24px;border-left:1px solid var(--line)}.rl-read h3{font:25px var(--serif);margin:10px 0}.rl-read p{font-size:12px;line-height:1.8;margin:10px 0}.rl-ledger{background:color-mix(in srgb,var(--mint) 7%,transparent);padding:12px;border-radius:6px;font:12px ui-monospace,monospace;line-height:1.9}.rl-picked{padding-top:14px;border-top:1px solid var(--line);font-size:11px;line-height:1.8}.rl-steps{padding:14px 24px;display:flex;flex-wrap:wrap;gap:5px;border-block:1px solid var(--line)}.rl-steps button{font-size:10px}.rl-footer{padding:18px 24px;font-size:11px;line-height:1.8}.rl-key{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:12px}.rl-key i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.respiration-lab details{padding:18px 24px;font-size:11px;line-height:1.9;border-top:1px solid var(--line)}.respiration-lab details p{margin:12px 0}.rl-range{width:120px}.rl-status{font-size:10px;color:var(--soft)}@media(max-width:760px){.rl-layout{display:block}.rl-read{border-top:1px solid var(--line);border-left:0}.rl-view canvas{height:400px}.rl-view{min-height:400px}.rl-head{display:block}.rl-head button{margin-top:12px}}
