:root{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#152e2a;background:#f7f8f3;font-size:16px;line-height:1.55;--green:#144d42;--line:#cdd7cb;--muted:#53685d}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1330px;margin:auto;padding-inline:clamp(20px,5vw,80px)}header,footer,.actions,.toolbar,.strip,nav,.instrument-title,figcaption{display:flex;align-items:center;gap:16px}header{height:82px;border-bottom:1px solid var(--line);justify-content:space-between}.brand{font-size:22px;letter-spacing:-1px;display:flex;align-items:center;gap:6px;text-decoration:none}.mark{font-weight:900;font-size:18px;letter-spacing:-3px;padding-right:3px;display:grid;place-items:center;width:32px;height:32px;background:var(--green);border-radius:9px;color:#e6fb95}.brand b{font-weight:480}.brand,nav a{color:inherit}nav{gap:clamp(12px,3vw,38px)}nav a{text-decoration:none;font-size:14px;padding:8px 0}nav a[aria-current]{font-weight:730;border-bottom:2px solid var(--green)}a{color:var(--green);text-underline-offset:4px}main{min-height:72vh}.hero,.split,.devgrid{display:grid;gap:clamp(26px,5vw,70px)}.hero{grid-template-columns:1.05fr 1fr;align-items:center;padding-block:clamp(44px,7vw,105px);border-bottom:1px solid var(--line)}.kicker,small{font-weight:700;font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.04;letter-spacing:-.055em}h1{font-size:clamp(52px,5.8vw,90px);font-weight:580;margin:.24em 0}.pagehead h1{font-size:clamp(43px,5vw,68px)}p{max-width:72ch}.lede,.pagehead>p:last-child,.intro>p:last-child{font-size:clamp(17px,1.45vw,21px);color:var(--muted)}.actions{flex-wrap:wrap;margin-top:24px}button,.button,.secondary{border:1px solid transparent;border-radius:6px;padding:11px 17px;background:var(--green);color:#fff;font:600 14px/1.4 inherit;font-family:inherit;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.55;cursor:wait}.secondary{border-color:#b6c8b8;color:var(--green);background:transparent}.instrument{background:#133e36;color:#e5f2d8;border-radius:14px;padding:clamp(16px,2.4vw,30px);box-shadow:0 20px 50px #163f2714;transform:rotate(-1deg)}.instrument-title{justify-content:space-between}.instrument-title span,figcaption{font:12px/1.3 ui-monospace,monospace;color:#c2d6c5}.instrument canvas{width:100%;margin:20px 0;display:block}figcaption{flex-wrap:wrap;gap:14px}figcaption b{margin-left:auto}i{display:inline-block;border-radius:50%;background:#c7ed78;width:7px;height:7px;margin-right:5px}figcaption span:nth-child(2) i{background:#66cad9}figcaption span:nth-child(3) i{background:#ffa87b}.intro,.pagehead{padding-top:54px}.intro h2,.split h2{font-size:clamp(32px,3.6vw,58px);margin:10px 0 18px}.features,.metrics,.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.features{margin:28px 0 56px}.features article,.panel,.metrics>div,.strip{border:1px solid var(--line);background:#fff;border-radius:9px;padding:clamp(18px,2.4vw,33px)}.features h3,h3{font-size:24px;margin:14px 0}.features p,.split p,.panel p{color:var(--muted)}.split{grid-template-columns:1fr 1fr;padding:36px 0;border-top:1px solid var(--line)}.split a{display:inline-block;margin-top:15px}.pagehead{padding-bottom:30px}footer{justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px;border-top:1px solid var(--line);margin-top:55px;padding-block:25px}.strip,.toolbar{flex-wrap:wrap}.strip{align-items:end}.strip label{flex:1;min-width:180px}label{display:block;font-size:14px;color:#334e43;font-weight:600}input:not([type=checkbox]),select{display:block;border:1px solid #a1b4a6;border-radius:5px;padding:10px 12px;margin-top:5px;width:100%;font:inherit;background:white;color:#183d30}output{color:var(--muted);font-size:14px;display:block}.toolbar{padding-block:22px;align-items:end}.toolbar select{min-width:195px}.metrics strong{font-size:30px;display:block}.panel{margin:16px 0}.panel h2{font-size:30px;margin-bottom:15px}.panel p{margin:.8em 0}.scroll{overflow:auto;max-height:480px}table{border-collapse:collapse;width:100%;font:13px/1.5 ui-monospace,monospace;text-align:left}td,th{border-top:1px solid var(--line);padding:9px;vertical-align:top}td:nth-child(3){overflow-wrap:anywhere}th{position:sticky;top:0;background:white}canvas#route{width:100%;height:auto;display:block;background:#edf2e9;border-radius:6px}summary{cursor:pointer;font-weight:650;font-size:19px}.controls{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));margin:15px 0;align-items:end}video{width:min(100%,540px);margin:15px 0;background:#122d24}.narrow{max-width:650px}.devgrid{grid-template-columns:minmax(150px,1fr) 3fr}.devgrid aside{display:flex;flex-direction:column;gap:12px;padding-top:32px}.devgrid aside a{text-decoration:none}.links{display:grid;gap:0}.links a{padding:14px 0;border-bottom:1px solid var(--line);font-weight:600}.links span{font-weight:400;display:block;color:var(--muted);font-size:.85em}pre{padding:18px;background:#183e36;color:#ebf4df;border-radius:6px;overflow:auto;font-size:13px}.devgrid>div{min-width:0}.narrow fieldset{border:1px solid var(--line);margin:20px 0}.narrow output{margin-top:18px}.narrow hr{margin:20px 0;border:0;border-bottom:1px solid var(--line)}[hidden]{display:none!important}:focus-visible{outline:3px solid #c38029;outline-offset:3px}@media(max-width:740px){header{height:auto;padding-block:12px;flex-wrap:wrap;gap:4px 25px}nav{flex-wrap:wrap}.hero,.split,.devgrid{grid-template-columns:1fr}.features{grid-template-columns:1fr}.devgrid aside{display:none}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.metrics>div{padding:10px}.metrics small{font-size:9px}.brand{font-size:19px}.hero h1 br{display:none}.instrument{transform:none}nav a{font-size:13px}.pagehead{padding-top:35px}}

#live-frame{display:block;width:min(100%,480px);border-radius:6px}
.doclayout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:clamp(25px,5vw,75px);padding-block:45px}.doclayout aside{position:sticky;top:24px;align-self:start;display:grid;gap:13px}.doclayout aside a{font-size:14px;text-decoration:none}.doclayout aside a:first-child{margin-bottom:14px}.doclayout aside a[aria-current]{font-weight:750}.docbody{min-width:0}.docbody h1{font-size:clamp(36px,4.3vw,64px);margin:0 0 28px}.docbody h2{font-size:clamp(26px,2.5vw,38px);margin:40px 0 15px;scroll-margin-top:18px}.docbody h3{margin-top:28px}.docbody p,.docbody li{max-width:85ch;color:#385046}.docbody p{margin:15px 0}.docbody li+li{margin-top:9px}.doctable{overflow-x:auto;border:1px solid var(--line);border-radius:6px;background:white}.doctable table{font:14px/1.55 inherit;font-family:inherit;font-size:14px}.doctable th{background:#eaf0e7}.doctable td,.doctable th{min-width:110px;padding:12px}.docbody :not(pre)>code{overflow-wrap:anywhere;font-size:.9em;background:#e7eee4;padding:1px 3px;border-radius:3px}.guide-links a{margin-left:4px}@media(max-width:740px){.doclayout{grid-template-columns:1fr;padding-block:25px}.doclayout aside{position:static;display:flex;flex-wrap:wrap;gap:9px 15px}.doclayout aside a:first-child{margin-bottom:0;width:100%}}