:root{--paper:#f2f1ee;--paper-2:#e9e7e2;--ink:#101014;--ink-2:#1010149e;--ink-3:#10101461;--line:#10101424;--signal:#ff4d00;--status-live:#1f9d57;--status-early:#1fb3aa;--status-soon:#c43c72;--ok:#1f8a4c;--warn:#b87900;--err:#d7261e;--font-display:"Archivo", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-serif:"Instrument Serif", Georgia, serif;--gutter:16px;--bar:48px;--ease:.12s ease-out;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (width>=768px){:root{--gutter:32px}}:root[data-theme=dark]{--paper:#0e0e10;--paper-2:#17171a;--ink:#edebe6;--ink-2:#edebe69e;--ink-3:#edebe666;--line:#edebe624;--signal:#ff5a14;--status-live:#3ccf7e;--status-early:#52ddd3;--status-soon:#e8649a;--ok:#3dbe73;--warn:#e0a526;--err:#ff5247;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font:400 15px/1.55 var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.display{font-family:var(--font-display);letter-spacing:-.035em;text-transform:uppercase;margin:0;font-size:clamp(48px,11vw,112px);font-weight:700;font-stretch:125%;line-height:.95}.heading{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(26px,4vw,40px);font-weight:620;font-stretch:112%;line-height:1.05}.accent{font-family:var(--font-serif);letter-spacing:-.01em;font-style:italic;font-weight:400;font-stretch:100%}.label{font:500 11px/1 var(--font-mono);letter-spacing:.15em;text-transform:uppercase}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.wrap{max-width:1280px;padding:0 var(--gutter);margin:0 auto}.grid{border-top:1px solid var(--line);border-left:1px solid var(--line);display:grid}.grid>*{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.topbar{z-index:10;height:var(--bar);background:var(--paper);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.topbar>*{border-right:1px solid var(--line);white-space:nowrap;flex:none;align-items:center;padding:0 16px;text-decoration:none;display:flex}.topbar .spacer{border-right:0;flex:1;padding:0}.topbar .cell{color:var(--ink-2);transition:background var(--ease), color var(--ease);cursor:pointer;background:0 0;border-top:0;border-bottom:0;border-left:0}.topbar .cell:hover{color:var(--ink);background:var(--paper-2)}.topbar .cell.active{color:var(--paper);background:var(--ink)}.topbar .cell.primary{color:var(--paper);background:var(--ink);border-right:0}.topbar .cell.primary:hover{color:var(--ink);background:var(--paper-2)}.topbar .nav{scrollbar-width:none;flex:auto;min-width:0;padding:0;display:flex;overflow-x:auto}.topbar .nav+.spacer{display:none}.topbar .env{color:var(--signal)}@media (width<=900px){.topbar .env,.logo-suffix{display:none}.topbar>*{padding:0 12px}}@media (width<=480px){.topbar .theme-hideable,.logo-word{display:none}.topbar>*,.topbar .nav>*{padding:0 10px}}.topbar .nav>*{border-right:1px solid var(--line);align-items:center;height:100%;padding:0 14px;text-decoration:none;display:flex}.topbar .nav>:last-child{border-right:0}.logo{color:var(--ink);align-items:center;gap:10px;display:flex}.logo svg{display:block}.logo span{font-family:var(--font-display);letter-spacing:-.02em;font-size:17px;font-weight:800;font-stretch:125%}.btn{height:40px;font:500 11px/1 var(--font-mono);letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;transition:background var(--ease), color var(--ease);white-space:nowrap;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:0 16px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--paper);color:var(--ink)}.btn.secondary{color:var(--ink);background:0 0}.btn.secondary:hover{background:var(--ink);color:var(--paper)}.btn.quiet{color:var(--ink-2);background:0 0;border-color:#0000;padding:0 8px}.btn.quiet:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.btn.small{height:28px;padding:0 10px;font-size:10px}.btn:disabled,.btn[aria-disabled=true]{color:var(--ink-3);border-color:var(--line);cursor:default;background:0 0}.btn:focus-visible,.topbar .cell:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.panel{border:1px solid var(--line);background:var(--paper)}.panel-head{border-bottom:1px solid var(--line);height:40px;color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}.panel-body{padding:16px}.tag{border:1px solid var(--line);height:22px;font:500 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.dot{background:var(--ink-3);flex:none;width:6px;height:6px}.dot.signal{background:var(--signal)}.dot.live{background:var(--status-live)}.dot.early{background:var(--status-early)}.dot.soon{background:var(--status-soon)}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.err{background:var(--err)}.table-wrap{border:1px solid var(--line);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;background:var(--paper-2);color:var(--ink-2);font:500 10px/1 var(--font-mono);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;padding:12px 16px}td{border-top:1px solid var(--line);vertical-align:middle;padding:12px 16px}tr:hover td{background:color-mix(in srgb, var(--paper-2) 50%, transparent)}.field{gap:8px;display:grid}.field>.label{color:var(--ink-2)}input,select,textarea{font:400 15px/1.4 var(--font-body);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:0;min-height:40px;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--ink);box-shadow:inset 0 -2px 0 var(--signal);outline:none}textarea{resize:vertical;min-height:80px}.figure{gap:10px;padding:20px 16px;display:grid}.figure b{font-family:var(--font-display);letter-spacing:-.03em;font-size:40px;font-weight:700;font-stretch:125%;line-height:1}.note{border:1px solid var(--line);background:var(--paper-2);padding:12px 16px;font-size:14px}.error{color:var(--err)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.linkrow{transition:background var(--ease)}.linkrow:hover{background:var(--paper-2)}.footer-theme{cursor:pointer;background:0 0;border:0;padding:0;display:none}@media (width<=480px){.footer-theme{display:inline}}.clip-list{border-top:1px solid var(--line)}.clip-row{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(180px,1fr) minmax(260px,2fr) auto;align-items:center;gap:24px;padding:20px 0;display:grid}@media (width<=760px){.clip-row{grid-template-columns:32px 1fr;gap:12px 16px}.clip-row>:nth-child(3){grid-column:1/-1}.clip-date{display:none}}.shot-strip{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;background:#0d0d0d;display:flex;overflow-x:auto}.shot-strip::-webkit-scrollbar{display:none}.shot-strip img{aspect-ratio:2000/1087;object-fit:contain;scroll-snap-align:start;-webkit-user-select:none;user-select:none;flex:0 0 100%;width:100%;display:block}.krate-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}@media (width<=900px){.krate-hero{grid-template-columns:1fr}}.krate-shot{border:1px solid var(--line);background:#0e0e10;justify-self:center;width:100%;max-width:480px;height:auto;display:block}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations")}:root{--pc:var(--ink);--line-2:color-mix(in srgb, var(--ink) 24%, transparent);--pc-fill:color-mix(in srgb, var(--ink) 14%, var(--paper));--target:48px;--label:11px;--meter:color-mix(in srgb, var(--ink) 55%, transparent);--rohr:#b05a22;--rohr-fill:color-mix(in srgb, var(--rohr) 22%, var(--paper))}:root[data-theme=dark]{--rohr:#e8915a}html,body,#app{background:var(--paper);height:100%;color:var(--ink);overscroll-behavior:none;margin:0;overflow:hidden}@supports (overflow:clip){html,body,#app{overflow:clip}}body{font:13px/1.35 var(--font-mono);-webkit-user-select:none;user-select:none;touch-action:none}*{box-sizing:border-box;border-radius:0}small{color:var(--ink-2);letter-spacing:.08em;font-size:10px;font-weight:500}h3{font:500 11px var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-2);margin:0}.hint{font:400 13px/1.45 var(--font-body);color:var(--ink-2);-webkit-user-select:text;user-select:text;margin:0}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app{flex-direction:column;min-width:960px;height:100%;display:flex}.page{flex:1;min-height:0;display:flex}.spacer{flex:1}.btn{appearance:none;min-height:var(--target);min-width:var(--target);color:var(--ink);border:1px solid var(--line-2);font:500 var(--label)/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;touch-action:none;background:0 0;justify-content:center;align-items:center;gap:6px;padding:0 10px;transition:none;display:inline-flex}.btn:active{background:var(--paper-2)}.btn.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.on small{color:var(--paper)}.btn:disabled{color:var(--ink-3);border-color:var(--line);cursor:default}.btn:focus-visible,.fader:focus-visible,.vfader:focus-visible,.pad:focus-visible,.col-head:focus-visible,.step:focus-visible{outline:2px solid var(--signal);outline-offset:-2px}.btn.pick{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:72px;padding:2px 10px}.btn.pick .pick-value{letter-spacing:.04em;color:var(--ink-2);max-width:100%;font-size:13px}.btn.pick.on .pick-value{color:var(--paper)}.btn.pick small{color:var(--rohr);line-height:1}.btn.pick:disabled small{color:var(--ink-3)}.fx-led{border:1px solid var(--ink-3);flex:none;width:10px;height:10px}.fx-led.on{background:var(--rohr);border-color:var(--rohr)}.btn.on .fx-led{border-color:var(--paper)}.btn.on .fx-led.on{background:var(--rohr)}.btn.pick span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.m-marq{white-space:nowrap;max-width:100%;display:block;overflow:hidden}.m-marq>span{display:inline-block}.m-marq>span.run{animation:marq var(--dur,4s) ease-in-out infinite alternate}@keyframes marq{0%,15%{transform:translate(0)}85%,to{transform:translateX(var(--shift))}}.oct{border-block:1px solid var(--line-2);justify-content:center;align-items:center;width:40px;display:flex}.fader{min-height:var(--target);border:1px solid var(--line-2);cursor:ew-resize;touch-action:none;flex:1;min-width:0;position:relative;overflow:hidden}.fader-fill{background:var(--pc-fill);pointer-events:none;position:absolute;inset:0 auto 0 0}.fader-label,.fader-value{pointer-events:none;font-size:var(--label);letter-spacing:.08em;white-space:nowrap;font-weight:500;position:absolute;top:50%;transform:translateY(-50%)}.fader-label{left:8px}.fader-value{letter-spacing:0;font-variant-numeric:tabular-nums;font-size:13px;right:8px}.fader-value.long{font-size:11px}.fader-center{pointer-events:none;color:var(--pc);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fader.off{cursor:default;opacity:1}.fader.off .fader-label,.fader.off .fader-value{color:var(--ink-3)}.fader.midi .fader-label:after,.vfader.midi .vsend-label:after{content:" ▲";color:var(--rohr);font-size:8px}.fader.mapped.midi .fader-label:after{content:" • ▲"}.fader.learnable,.vfader.learnable{outline:1px dashed var(--rohr);outline-offset:-1px}.fader.learning,.vfader.learning{outline:2px solid var(--rohr);outline-offset:-2px;animation:.7s step-end infinite learn-blink}.topbar{z-index:5;border-bottom:1px solid var(--line);flex:0 0 57px;align-items:stretch;gap:0;height:57px;padding:4px;display:flex;position:relative}.topbar>*{border-right:0;margin-right:4px;padding:0}.topbar>.btn{border-right:1px solid var(--line-2)}.cell{align-items:center;padding:0 10px;display:flex}.topbar>.logo{color:#000;border-right:1px solid var(--line);margin-right:8px;padding:0 22px}:root[data-theme=dark] .logo{color:#fff}.logo-svg{display:block}.status{white-space:nowrap;min-width:0;font-size:var(--label);letter-spacing:.1em;color:var(--ink-2);flex:1 1 0;align-items:center;gap:10px;padding:0 8px;display:flex;overflow:hidden}.update{color:var(--signal);border-color:var(--signal)}.topbar-right{flex:none;align-items:stretch;gap:4px;margin-right:0;display:flex}.topbar>.topbar-right{margin-right:0}.topbar .hb,.topbar-right .menu-wrap{flex:0 0 72px;width:72px;min-width:0;padding-left:4px;padding-right:4px}.topbar-right .menu-wrap{padding:0}.topbar-right .menu-wrap>.btn{width:100%;height:100%}.cpu{cursor:default;border:1px solid var(--line-2)}.cpu .pick-value{font-variant-numeric:tabular-nums}.sheet.dialog{width:min(420px,94vw)}.dialog-body{flex-direction:column;gap:12px;padding:12px;display:flex}.dialog-input{min-height:var(--target);background:var(--paper);color:var(--ink);border:1px solid var(--ink);font:500 16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:text;user-select:text;padding:0 10px}.dialog-input:focus-visible{outline:2px solid var(--signal);outline-offset:0}.dialog-buttons{justify-content:flex-end}.dialog-buttons .btn{min-width:96px}.btn.fw{width:92px;min-width:0;padding:0 4px}.tabs{border-bottom:1px solid var(--line);flex:0 0 49px;display:flex}.tabs .btn{border:0;border-right:1px solid var(--line);flex:1;font-size:12px}.strip-note.err{color:var(--err)}.strip-note{font:500 var(--label) var(--font-mono);letter-spacing:.1em;background:var(--paper-2);color:var(--ink);border:0;border-bottom:1px solid var(--line);text-align:left;flex:none;padding:6px 12px}.btn.navbtn{flex-direction:column;gap:2px;min-width:64px}.btn.navbtn small{color:var(--rohr);line-height:1}.btn.navbtn span{font-size:14px;line-height:1}.btn.pick.has-caret{padding-right:26px;position:relative}.btn.lfo-onoff{flex:none;width:84px;min-width:84px}.fader.line .fader-pos{background:var(--pc);pointer-events:none;width:3px;margin-left:-1.5px;position:absolute;top:0;bottom:0}.btn.ins{justify-content:flex-start;gap:8px;min-width:0;padding:0 8px}.sheet.rack-sheet{width:min(1160px,98vw);max-height:97vh}.sheet-back{background:color-mix(in srgb, var(--ink) 30%, transparent);z-index:10;touch-action:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sheet{background:var(--paper);border:1px solid var(--ink);flex-direction:column;width:min(860px,94vw);max-height:88vh;display:flex}.sheet-head{border-bottom:1px solid var(--line);font-size:var(--label);letter-spacing:.15em;justify-content:space-between;align-items:center;padding:4px 4px 4px 12px;display:flex}.pick-grid{touch-action:pan-y;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:4px;padding:8px;display:grid;overflow-y:auto}.pick-grid .btn{flex-direction:column;gap:2px;min-width:0;min-height:52px;padding:0 2px}.btn.preset-btn{width:100%;min-width:0;padding:0}.btn.preset-btn.clear:not(:disabled){color:var(--err);border-color:var(--err)}.sheet.rec-sheet{gap:8px;width:min(760px,96vw);padding-bottom:8px}.btn.gate-btn{width:auto;min-width:160px;height:44px;padding:0 20px}.topbar .guest-note{flex:0 auto;align-items:stretch;gap:4px;min-width:0;margin-right:4px;display:flex}.topbar .guest-note>span{min-width:0;font:500 var(--label) var(--font-mono);letter-spacing:.1em;white-space:nowrap;text-overflow:ellipsis;color:var(--ink-2);align-items:center;padding:0 8px;display:flex;overflow:hidden}.topbar .guest-note .btn{flex:none;width:auto;padding:0 12px}.pick-divider{background:var(--ink);color:var(--paper);font:500 var(--label) var(--font-mono);letter-spacing:.15em;grid-column:1/-1;padding:4px 10px}.pick-grid .btn.sectioned{gap:3px}.pick-grid .btn small.sec,.btn.pick small.sec{color:var(--rohr);letter-spacing:.08em;font-size:10px}.pick-grid .btn.on small.sec{color:var(--paper)}.sheet.credits-sheet{width:min(640px,94vw)}.btn.pick.key-btn .pick-value{color:var(--rohr)}.sheet.save-sheet{width:min(680px,94vw)}html.typing .sheet-back{align-items:flex-start;padding-top:8px}.sheet.midimap-sheet{width:min(760px,94vw)}.btn.pick small{color:var(--rohr)}.btn.pick.on small{color:var(--paper)}.seg{align-items:stretch;display:inline-flex}.seg>.btn+.btn{border-left:0}.btn.danger{color:var(--err)}.tabs .btn small.soon{color:var(--ink-3);font-size:9px}.patchbar{flex:0 320px;min-width:200px}.patchbar .patch-pick{flex:1;min-width:0}.patchbar .patch-pick .pick-value{color:var(--ink);font-size:14px}.topbar .panic{color:var(--err)}.cpu small{text-align:center;width:100%}.cpu .pick-value.clip{color:var(--err);font-weight:700}.scale-name{color:var(--ink-3)}.sheet-foot{padding:0 12px 12px}.pick-grid .hint.wide,.preset-list .hint.pad{grid-column:1/-1;padding:8px 12px}.strip-note.notice{cursor:pointer}.page.play{grid-template-columns:minmax(0,1fr) 540px;display:grid}.play-keys{border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex}.keybar{border-bottom:1px solid var(--line);flex:none;align-items:stretch;gap:4px;padding:4px;display:flex}.keybar .oct{flex-direction:column;width:56px;font-size:13px;line-height:1.1}.keybar-vel{flex:1;min-width:120px;display:flex}.keybar .pulse{color:var(--rohr);border-color:var(--rohr)}.hexkeys{touch-action:none;flex:1;min-height:0;margin:4px;position:relative;overflow:hidden}.hexkeys svg{display:block;position:absolute;inset:0}.hex polygon{fill:var(--paper);stroke:var(--line-2);stroke-width:1px}.hex.in polygon{fill:color-mix(in srgb, var(--ink) 7%, var(--paper))}.hex.root polygon{fill:var(--rohr-fill);stroke:var(--rohr)}.hex.out polygon{fill:var(--paper)}.hex text{fill:var(--ink-2);font:500 11px var(--font-mono);text-anchor:middle;pointer-events:none}.hex.out text{fill:var(--ink-3)}.hex.root text{fill:var(--ink)}.hex.held polygon{fill:var(--rohr);stroke:var(--rohr)}.hex.held text{fill:#fff}.play-right{flex-direction:column;min-height:0;display:flex}.pipeview{border-bottom:1px solid var(--line);flex:0 0 168px;width:100%;height:168px;display:block}.exps{flex:1;grid-template-columns:repeat(4,1fr);gap:4px;min-height:0;padding:4px;display:grid}.exp{flex-direction:column;gap:4px;min-width:0;min-height:0;display:flex}.exp .exp-dest{width:100%;min-height:52px}.exp-fader{border:1px solid var(--line-2);cursor:ns-resize;touch-action:none;flex:1;min-height:120px;position:relative;overflow:hidden}.exp-fader:focus-visible{outline:2px solid var(--signal);outline-offset:-2px}.exp-fill{background:var(--rohr-fill);border-top:2px solid var(--rohr);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.exp-rest{border-top:1px dashed var(--ink-3);pointer-events:none;height:0;position:absolute;left:0;right:0}.exp-value{text-align:center;font-variant-numeric:tabular-nums;pointer-events:none;font-size:22px;position:absolute;top:8px;left:0;right:0}.exp-name{text-align:center;font-size:var(--label);letter-spacing:.06em;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:30px;left:4px;right:4px;overflow:hidden}.exp-name small{color:var(--rohr)}.exp-depth{text-align:center;color:var(--ink-2);pointer-events:none;font-size:11px;position:absolute;bottom:8px;left:0;right:0}.exp-fader.off .exp-value,.exp-fader.off .exp-name{color:var(--ink-3)}.exp-row{grid-template-columns:1fr 1fr;gap:4px;display:grid}.exp-row .btn{min-width:0;padding:0 2px}.sheet.exp-sheet{width:min(560px,94vw)}.exp-setup{flex-direction:column;gap:8px;padding:12px;display:flex}.exp-setup .fader{flex:none}.exp-setup .seg .btn{flex:1}.page.voice{grid-template-columns:168px minmax(0,1fr);display:grid}.cards{border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:4px;display:flex}.cards .btn{justify-content:flex-start;min-height:56px}.card{flex-direction:column;min-width:0;min-height:0;padding:8px;display:flex}.card-body{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.card-hint{padding:4px 0}.draws{flex:none;align-items:stretch;gap:8px;display:flex}.draw{border:1px solid var(--line);flex-direction:column;gap:2px;margin:0;padding:4px 6px 2px;display:flex}.draw svg{width:260px;height:84px;display:block;overflow:visible}.draw.sq svg{width:84px}.draw path,.draw polyline{fill:none;stroke:var(--rohr);stroke-width:2px}.draw .axis{stroke:var(--line-2);stroke-width:1px}.draw .bar{stroke:var(--ink-2);stroke-width:3px}.draw .cut{stroke:var(--rohr);stroke-width:1px;stroke-dasharray:3 3}.draw .draw-note{fill:var(--ink-3);font:500 11px var(--font-mono);text-anchor:middle;letter-spacing:.1em}.draw figcaption{letter-spacing:.1em;color:var(--ink-2);font-size:10px}.res-type{align-items:flex-end;display:flex}.groups{flex:1;align-content:start;gap:12px;min-height:0;display:grid}.groups.four{grid-template-columns:repeat(4,minmax(0,1fr))}.group{flex-direction:column;gap:6px;min-width:0;display:flex}.group-grid{flex-direction:column;gap:4px;display:flex}.group .param{display:flex}.group .fader{flex:1}.group.dim h3,.group.dim .fader-label,.group.dim .fader-value{color:var(--ink-3)}.choice{min-height:var(--target);align-items:center;gap:6px;display:flex}.choice small{text-overflow:ellipsis;white-space:nowrap;flex:none;width:76px;overflow:hidden}.choice .seg{flex:1;min-width:0}.choice .seg .btn{flex:1;min-width:0;padding:0 2px;font-size:10px}.fader-mark{background:var(--rohr);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.fader.mapped .fader-label:after{content:" •";color:var(--rohr)}.macro-head{align-items:center;gap:10px;display:flex}.macro-head .hint{flex:1;font-size:12px}.macro-grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;display:grid}.macro{border:1px solid var(--line);flex-direction:column;gap:4px;min-height:0;padding:4px;display:flex}.macro-top{gap:4px;display:flex}.macro-name{white-space:nowrap;color:var(--rohr);flex:0 0 120px;justify-content:flex-start;overflow:hidden}.targets{touch-action:pan-y;flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow-y:auto}.target{grid-template-columns:120px minmax(0,1fr) 48px;gap:4px;display:grid}.target .target-pick{width:100%;min-width:0}.target .btn{min-width:0}.targets .add{align-self:flex-start}.sheet.presets-sheet{width:min(980px,96vw);height:86vh}.sheet.key-sheet{width:min(760px,94vw)}.preset-cols{flex:1;grid-template-columns:1fr 1fr;gap:8px;min-height:0;padding:8px;display:grid}.preset-list{touch-action:pan-y;flex-direction:column;gap:4px;display:flex;overflow-y:auto}.preset-row{gap:4px;display:flex}.preset-name{min-height:var(--target);border:1px solid var(--line-2);color:var(--ink);font:500 13px var(--font-mono);letter-spacing:.06em;text-align:left;cursor:pointer;touch-action:none;background:0 0;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:flex}.preset-row.on .preset-name{background:var(--ink);color:var(--paper)}.preset-row.on .preset-name small{color:var(--paper)}.links{flex-direction:column;gap:4px;display:flex}.link{grid-template-columns:170px minmax(0,1fr) 48px;gap:4px;display:grid}.link .link-pick{width:100%;min-width:0}.link .btn{min-width:0}.link-add{gap:4px;display:flex}.exp-setup{touch-action:pan-y;overflow-y:auto}.exp-setup-row{flex-wrap:wrap;gap:8px;display:flex}.param{position:relative}.link-catch{z-index:2;background:color-mix(in srgb, var(--rohr) 14%, transparent);border:1px dashed var(--rohr);cursor:ew-resize;touch-action:none;position:absolute;inset:0}.link-chip{z-index:3;letter-spacing:.08em;background:var(--rohr);color:var(--paper);pointer-events:none;padding:1px 5px;font-size:10px;position:absolute;top:3px;right:6px}.linkbar{background:var(--rohr-fill);border-bottom:1px solid var(--rohr);justify-content:space-between;align-items:center;gap:12px;padding-block:0;display:flex}.page.mod{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.lfo-col{border-right:1px solid var(--line);flex-direction:column;gap:4px;min-width:0;min-height:0;padding:6px;display:flex}.lfo-col:last-child{border-right:0}.lfo-col .seg .btn{flex:1;min-width:0;padding:0 2px}.lfo-col>.fader{flex:none}.lfo-scope{border:1px solid var(--line);flex:1;min-height:40px;margin:0;padding:4px 6px;display:flex}.lfo-scope svg{flex:1;width:100%;min-height:0;display:block}.lfo-scope path{fill:none;stroke:var(--rohr);stroke-width:2.5px;vector-effect:non-scaling-stroke}.lfo-scope .axis{stroke:var(--line-2);stroke-width:1px;vector-effect:non-scaling-stroke}.lfo-rate{gap:4px;display:flex}.lfo-rate .btn{min-width:56px;padding:0 6px}.lfo-rate .lfo-div,.lfo-rate .fader{flex:1;min-width:0}.lfo-dests{width:100%}.lfo-dests.has .pick-value{color:var(--ink)}.nav-two{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.nav-two small{font-size:10px}.btn.on .nav-two small{color:var(--paper)}.page.seq{flex-direction:column;gap:4px;padding:4px}.seq-top{flex:none;align-items:stretch;gap:4px;display:flex}.seq-top .lanes{flex:none}.seq-top .lanes .btn{justify-content:flex-start;min-width:110px}.seq-top .lanes .btn.muted{color:var(--ink-3)}.seq-top .transport{min-width:120px}.lane-head{flex:none;align-items:stretch;gap:4px;display:flex}.lane-head .seg .btn{min-width:56px}.lane-head .pick{min-width:84px}.lane-head .fader{min-width:120px}.stepgrid{flex:1;grid-template-columns:repeat(16,minmax(0,1fr));grid-auto-rows:minmax(48px,64px);align-content:start;gap:4px;min-height:0;display:grid}.step{background:var(--paper);border:1px solid var(--line-2);min-width:0;min-height:48px;color:var(--ink);font:500 11px var(--font-mono);cursor:pointer;touch-action:none;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.step small{color:var(--ink-3);font-size:9px;position:absolute;top:2px;left:3px}.step.beat{background:color-mix(in srgb, var(--ink) 6%, var(--paper))}.step.on{background:var(--rohr-fill);border-color:var(--rohr)}.step.sel{outline:2px solid var(--ink);outline-offset:-2px}.step.now:after{content:"";background:var(--rohr);height:4px;position:absolute;bottom:0;left:0;right:0}.step .s-note{flex-direction:column;align-items:center;font-size:13px;line-height:1.1;display:flex}.step .s-note em{color:var(--ink-2);font-size:9px;font-style:normal}.step .s-val{font-size:12px;position:relative}.step .s-chance{color:var(--ink-2);font-size:9px;font-weight:500;position:absolute;bottom:2px;right:3px}.step-bar{background:color-mix(in srgb, var(--rohr) 35%, var(--paper));pointer-events:none;position:absolute;bottom:0;left:0;right:0}.step:not(.on) .step-bar{opacity:.25}.stepedit{flex-wrap:wrap;flex:none;align-items:stretch;gap:4px;display:flex}.stepedit-name{min-width:64px;font-size:var(--label);letter-spacing:.1em;color:var(--ink-2);align-items:center;display:flex}.stepedit .fader{min-width:150px}.stepedit .dests{white-space:nowrap;text-overflow:ellipsis;min-width:150px;max-width:260px;overflow:hidden}.seq-btn{min-width:84px}