.fm1-doc{--fm1-callout:var(--orange);--fm1-mode:var(--blue-bright);--fm1-mode-ink:var(--page);--dev-body:#3a3d42;--dev-tray:#26282c;--dev-knob:#1b1c1f;--dev-btn:#2e3135;--dev-line:#4a4d52;--dev-text:#e8e8ea;--dev-key:#d9dadc;--dev-key-b:#55585e;--dev-screen:#0b0c0d;--dev-wlab:#6b6d73;--v-drum:#e04234;--v-snare:#f07d24;--v-cym:#f2c23d;--v-hat:#e9e1cc;--kbd-bg:var(--field);--kbd-line:var(--rule)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .fm1-doc{--dev-body:#e3e2de;--dev-tray:#cfcdc8;--dev-knob:#2a2c30;--dev-btn:#f2f1ee;--dev-line:#9a988f;--dev-text:#1d1e21;--dev-key:#fff;--dev-key-b:#3a3c41;--dev-screen:#141518;--dev-wlab:#6b6d73}}:root[data-theme=light] .fm1-doc{--dev-body:#e3e2de;--dev-tray:#cfcdc8;--dev-knob:#2a2c30;--dev-btn:#f2f1ee;--dev-line:#9a988f;--dev-text:#1d1e21;--dev-key:#fff;--dev-key-b:#3a3c41;--dev-screen:#141518;--dev-wlab:#6b6d73}.document-page:has(.fm1-doc){grid-template-columns:1fr;gap:40px}.document-page:has(.fm1-doc) .document-title{position:static}.fm1-doc .fm1-nav{flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:14px;display:flex}.fm1-doc .fm1-nav a{color:var(--ink);border-bottom:1px solid var(--fm1-callout);text-decoration:none}.fm1-doc .fm1-mode-head{flex-wrap:wrap;align-items:center;gap:10px 20px;margin-bottom:12px;display:flex}.fm1-doc .fm1-mode-head h2{margin:0}.fm1-doc .fm1-how{margin:4px 0 0;font-size:14px}.fm1-doc .fm1-beacon{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fm1-doc .cap{letter-spacing:.06em;color:var(--fm1-mode-ink);background:var(--fm1-mode);text-align:center;min-width:3.2em;box-shadow:0 0 0 3px var(--page), 0 0 0 5px var(--fm1-mode);border-radius:9px;padding:10px 14px;font-size:17px;font-weight:600;line-height:1}.fm1-doc .cap.key{border-radius:999px}.fm1-doc .held{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 4px 0 2px;font-size:12px}.fm1-doc .sep{color:var(--muted);font-size:12px}.fm1-doc .fm1-figure{background:var(--panel);border:1px solid var(--rule);margin-top:18px;overflow-x:auto}.fm1-doc svg.mode,.fm1-doc svg.panel{width:100%;height:auto;display:block}.fm1-doc svg.mode{min-width:760px}.fm1-doc svg.panel{box-sizing:border-box;min-width:560px;padding:14px}.fm1-doc .d-body{fill:var(--dev-body)}.fm1-doc .d-tray{fill:var(--dev-tray)}.fm1-doc .d-knob{fill:var(--dev-knob);stroke:var(--dev-line);stroke-width:2px}.fm1-doc .d-knob.on{stroke:var(--fm1-callout);stroke-width:4px}.fm1-doc .d-knob.beacon{stroke:var(--fm1-mode);stroke-width:4px}.fm1-doc .d-ring{fill:none;stroke:var(--fm1-mode);stroke-width:3px}.fm1-doc .d-ind{stroke:#e8e8ea;stroke-width:3px;stroke-linecap:round}.fm1-doc .d-btn{fill:var(--dev-btn);stroke:var(--dev-line);stroke-width:1.5px}.fm1-doc .d-btn.on{stroke:var(--fm1-callout);stroke-width:3px}.fm1-doc .d-btn.beacon{fill:var(--fm1-mode);stroke:var(--fm1-mode)}.fm1-doc .d-screen{fill:var(--dev-screen)}.fm1-doc .d-lab{letter-spacing:.05em;fill:var(--dev-text);text-anchor:middle;font-size:15px;font-weight:600}.fm1-doc .d-lab.s{font-size:12px}.fm1-doc .d-lab.beacon{fill:var(--fm1-mode-ink)}.fm1-doc .d-fn{letter-spacing:.04em;fill:var(--fm1-callout);text-anchor:middle;font-size:14px;font-weight:600}.fm1-doc .d-scr{letter-spacing:.06em;fill:#9a9ca3;text-anchor:middle;font-size:13px;font-weight:600}.fm1-doc .d-scr.big{letter-spacing:.12em;fill:#f07d24;font-size:34px;font-weight:700}.fm1-doc .d-bkey{fill:var(--dev-key-b)}.fm1-doc .d-bkey.v-drum{fill:var(--v-drum)}.fm1-doc .d-bkey.v-snare{fill:var(--v-snare)}.fm1-doc .d-bkey.v-cym{fill:var(--v-cym)}.fm1-doc .d-bkey.v-hat{fill:var(--v-hat)}.fm1-doc .d-bkey.k-fn{fill:var(--dev-knob)}.fm1-doc .d-bkey.k-off{opacity:.45}.fm1-doc .d-bkey.beacon{fill:var(--fm1-mode)}.fm1-doc .d-klab{letter-spacing:.04em;text-anchor:middle;fill:#1d1e21;font-size:14px;font-weight:700}.fm1-doc .d-klab.k-fn{fill:#f07d24;font-size:12px}.fm1-doc .d-bkey.beacon+.d-klab{fill:var(--fm1-mode-ink)}.fm1-doc .d-wkey{fill:var(--dev-key);stroke:var(--dev-line);stroke-width:1px}.fm1-doc .d-wkey.on,.fm1-doc .d-wkey.beat{stroke:var(--fm1-callout);stroke-width:2px}.fm1-doc .d-wlab{text-anchor:middle;fill:var(--dev-wlab);font-size:15px;font-weight:600}.fm1-doc .c-title{letter-spacing:.08em;fill:var(--fm1-callout);font-size:22px;font-weight:700}.fm1-doc .c-title.mode{fill:var(--fm1-mode)}.fm1-doc .c-line{fill:var(--ink);font-size:20px;font-weight:400}.fm1-doc .ld{fill:none;stroke:var(--fm1-callout);stroke-width:1.8px}.fm1-doc .ldot{fill:var(--fm1-callout)}.fm1-doc .ld.mode{stroke:var(--fm1-mode)}.fm1-doc .ldot.mode{fill:var(--fm1-mode)}.fm1-doc svg text{font-family:inherit}.fm1-sheet .legend{color:var(--muted);flex-wrap:wrap;gap:6px 18px;padding:0 14px 14px;font-size:13px;display:flex}.fm1-sheet .legend b{color:var(--ink);font-weight:500}.fm1-sheet .sw{vertical-align:-.05em;border-radius:50%;width:.8em;height:.8em;margin-right:.35em;display:inline-block}.fm1-sheet .grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:28px 32px;display:grid}.fm1-sheet .grid section{border:0;min-width:0;padding:0}.fm1-sheet .grid h2{letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 10px;padding-bottom:6px;font-size:17px;display:flex}.fm1-sheet .grid h2 small{color:var(--muted);letter-spacing:.06em;font-size:12px}.fm1-sheet dl{grid-template-columns:minmax(0,11em) minmax(0,1fr);gap:6px 12px;margin:0;font-size:14px;line-height:1.5;display:grid}.fm1-sheet dt{color:var(--ink);font-size:13px}.fm1-sheet dd{min-width:0;color:var(--muted);margin:0}.fm1-sheet .rule{margin:0 0 8px;font-size:14px}.fm1-sheet kbd{background:var(--kbd-bg);border:1px solid var(--kbd-line);white-space:nowrap;color:var(--ink);border-bottom-width:2px;border-radius:4px;padding:2px 5px;font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.fm1-sheet kbd.k{background:var(--ink);color:var(--page);border-color:var(--ink)}.fm1-sheet .plus{margin:0 1px}@media (max-width:520px){.fm1-sheet dl{grid-template-columns:1fr;gap:0}.fm1-sheet dd{margin-bottom:8px}}@media print{body:has(.fm1-doc) .document-header{display:none}body:has(.fm1-doc) .document-title{display:none}body:has(.fm1-doc) footer{display:none}.document-page:has(.fm1-doc){grid-template-columns:1fr;padding:0}.fm1-doc .fm1-figure{border:0}.fm1-doc .fm1-mode{break-inside:avoid;break-after:page}.fm1-sheet .grid section{break-inside:avoid}}
