@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Chakra+Petch:wght@600;700&family=Spline+Sans+Mono:wght@400;500;600;700&family=Pixelify+Sans:wght@400;500;600;700&display=swap";.hos{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a1b1b;--chrome:#202121;--panel:#262727;--raised:#2e2f2f;--raised-2:#383939;--well:#101111;--screen:#0a1310;--line:#bec2c21a;--line-2:#bec2c22e;--edge-hi:#ffffff0d;--edge-lo:#00000080;--ink:#eef0ef;--ink-2:#eef0ef9e;--ink-3:#eef0ef66;--volt:#6fe9ff;--volt-bright:#b7f5ff;--volt-dim:#6fe9ff29;--volt-line:#6fe9ff6b;--violet:#9b8cff;--violet-dim:#9b8cff29;--hot:#ff5247;--amber:#ffbb4d;--phosphor:var(--volt);--lift:0 1px 0 var(--edge-hi) inset, 0 2px 6px #0006;--press:inset 0 2px 5px #00000080, inset 0 1px 0 #0000004d;--well-in:inset 0 2px 8px #0000008c, inset 0 0 0 1px #00000059;--glow:0 0 0 1px var(--volt-line), 0 0 14px #6fe9ff47;--r-xs:3px;--r-sm:5px;--r:8px;--r-lg:12px;--r-pill:999px;--font:"Archivo", ui-sans-serif, system-ui, sans-serif;--mono:"Spline Sans Mono", ui-monospace, "SFMono-Regular", monospace;--pixel:"Pixelify Sans", var(--mono);--wordmark:"Chakra Petch", var(--font);--skin-grain:none;font-family:var(--font);color:var(--ink);background:var(--bg)}.hos.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#dfe3e0;--chrome:#eef1ed;--panel:#e7eae6;--raised:#f4f6f2;--raised-2:#fbfcf9;--well:#cdd2cd;--screen:#06140f;--line:#14201e1f;--line-2:#14201e38;--edge-hi:#ffffffe6;--edge-lo:#14201e1f;--ink:#14201d;--ink-2:#14201ea8;--ink-3:#14201e70;--volt:#0b8fa6;--volt-bright:#0bbcd6;--volt-dim:#0b8fa61f;--volt-line:#0b8fa65c;--violet:#6a5acb;--violet-dim:#6a5acb1f;--hot:#e23b30;--amber:#c98a16;--phosphor:#34e0c9;--lift:0 1px 0 var(--edge-hi) inset, 0 2px 6px #14201e1a;--press:inset 0 2px 5px #14201e29;--well-in:inset 0 2px 7px #14201e29, inset 0 0 0 1px #14201e0f;--glow:0 0 0 1px var(--volt-line), 0 0 0 3px #0b8fa61a}.hos *,.hos :before,.hos :after{box-sizing:border-box}.hos h1,.hos h2,.hos h3,.hos h4,.hos p{margin:0}.hos button{font:inherit;color:inherit;cursor:pointer}.hos .mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.hos .eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);font-size:9px;font-weight:600}.hos .eyebrow.volt{color:var(--volt)}.hos .micro{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);font-size:8.5px;font-weight:600}.hos .screen{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--phosphor);background:linear-gradient(180deg, #ffffff0a, transparent 40%), var(--screen);border-radius:var(--r-sm);box-shadow:var(--well-in), 0 0 0 1px var(--edge-hi);text-shadow:0 0 8px #34e0c959;border:1px solid #0009;padding:4px 8px;line-height:1}.hos .key{border:1px solid var(--line-2);border-radius:var(--r-sm);background:linear-gradient(180deg, var(--raised-2), var(--raised));min-height:28px;color:var(--ink-2);letter-spacing:.03em;box-shadow:var(--lift);justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:11px;font-weight:600;transition:transform 90ms,background .13s,color .13s,box-shadow .13s;display:inline-flex}.hos .key:hover{color:var(--ink);border-color:var(--line-2);transform:translateY(-1px)}.hos .key:active{box-shadow:var(--press);transform:translateY(1px)}.hos .key.tiny{min-height:22px;padding:0 7px;font-size:10px}.hos .key.icon{width:30px;padding:0}.hos .key.on{color:var(--volt-bright);border-color:var(--volt-line);background:linear-gradient(180deg, var(--raised-2), var(--raised));box-shadow:var(--lift), inset 0 0 0 1px var(--volt-dim), 0 0 10px #6fe9ff29}.hos .key.danger.on{color:#fff;border-color:var(--hot);box-shadow:var(--lift), 0 0 12px #ff524766;background:linear-gradient(#ff6a5f,#e6392e)}.hos .key:disabled{opacity:.4;pointer-events:none}.hos .key:focus-visible{box-shadow:var(--glow);outline:none}.hos .tkey{border-radius:var(--r-pill);border:1px solid var(--line-2);background:radial-gradient(circle at 50% 32%, var(--raised-2), var(--raised) 72%);width:38px;height:38px;color:var(--ink-2);box-shadow:var(--lift);place-items:center;transition:transform 90ms,color .13s,box-shadow .13s;display:inline-grid}.hos .tkey:hover{color:var(--ink)}.hos .tkey:active{box-shadow:var(--press);transform:translateY(1px)}.hos .tkey.play.on{color:var(--volt-bright);box-shadow:var(--lift), var(--glow)}.hos .tkey.rec{color:color-mix(in srgb, var(--hot) 55%, var(--ink-3))}.hos .tkey.rec.on{color:var(--hot);border-color:color-mix(in srgb, var(--hot) 55%, transparent);box-shadow:var(--lift), 0 0 0 1px color-mix(in srgb, var(--hot) 30%, transparent), 0 0 12px color-mix(in srgb, var(--hot) 35%, transparent)}.hos .seg{border-radius:var(--r);background:var(--well);box-shadow:var(--well-in);gap:2px;padding:3px;display:inline-flex}.hos .seg button{border-radius:var(--r-sm);min-height:0;color:var(--ink-2);letter-spacing:.04em;background:0 0;border:0;padding:5px 12px;font-size:11px;font-weight:600;transition:color .12s,background .12s,box-shadow .12s}.hos .seg button:hover{color:var(--ink)}.hos .seg button[aria-selected=true],.hos .seg button.on{color:var(--volt-bright);background:linear-gradient(180deg, var(--raised-2), var(--raised));box-shadow:var(--lift), inset 0 0 0 1px var(--volt-dim)}.hos .led{border-radius:var(--r-pill);background:var(--c,var(--volt));width:7px;height:7px;box-shadow:0 0 7px 0 color-mix(in srgb, var(--c,var(--volt)) 80%, transparent), inset 0 0 0 1px #ffffff4d;flex:none}.hos .led.off{background:var(--raised-2);box-shadow:var(--press)}.hos .knob{justify-items:center;gap:5px;width:56px;display:grid}.hos .knob.sm{width:46px}.hos .knob-dial{border-radius:var(--r-pill);background:conic-gradient(from 180deg, #ffffff0d, transparent 30% 70%, #ffffff0d), radial-gradient(circle at 50% 38%, var(--raised-2), #1b1b18 78%);width:44px;height:44px;box-shadow:var(--lift), inset 0 0 0 1px #00000080;cursor:ns-resize;place-items:center;transition:box-shadow .14s;display:grid;position:relative}.hos .knob.sm .knob-dial{width:38px;height:38px}.hos .knob-dial:focus-visible{box-shadow:var(--glow);outline:none}.hos .knob-dial svg{width:100%;height:100%}.hos .knob-track{fill:none;stroke:#ffffff12;stroke-width:1.4px}.hos .knob-arc{fill:none;stroke:var(--volt);stroke-width:2.4px;stroke-linecap:round;filter:drop-shadow(0 0 3px var(--volt-line))}.hos .knob-cap{fill:url(#capgrad);stroke:#0000008c;stroke-width:1px}.hos .knob-pointer{stroke:var(--volt-bright);stroke-width:2px;stroke-linecap:round;filter:drop-shadow(0 0 3px var(--volt))}.hos .knob-label{color:var(--ink-2);letter-spacing:.14em;text-transform:uppercase;font-size:8.5px;font-weight:600}.hos .knob-value{font-family:var(--mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.hos .knob-value.text{letter-spacing:.1em;text-transform:uppercase;color:var(--volt);font-size:9.5px}.hos .knob-detent{stroke:#ffffff38;stroke-width:1.6px;stroke-linecap:round}.hos .knob-detent.on{stroke:var(--volt)}.hos .knob .knob-toggle{border-radius:var(--r-xs);min-height:0;box-shadow:none;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:2px 5px;transition:none;display:inline-flex}.hos .knob .knob-toggle:hover{box-shadow:none;background:0 0;transform:none}.hos .knob .knob-toggle:hover .knob-label{color:var(--ink)}.hos .knob .knob-toggle:active{box-shadow:none;transform:none}.hos .knob .knob-toggle:focus-visible{box-shadow:var(--glow);outline:none}.hos .knob .knob-led{background:var(--volt);width:8px;height:8px;box-shadow:0 0 6px var(--volt-line);border-radius:50%;flex:none;transition:background .14s,box-shadow .14s}.hos .knob .knob-toggle.off .knob-led{background:var(--ink-3);box-shadow:none}.hos .knob .knob-toggle.off .knob-label{color:var(--ink-3)}.hos .knob.bypassed .knob-dial{filter:grayscale()brightness(.62);opacity:.7}.hos .knob.bypassed .knob-value{color:var(--ink-3)}.hos.light .knob-dial{box-shadow:var(--lift);background:radial-gradient(circle at 50% 36%,#fff,#c9cfca 80%)}.hos.light .knob-track{stroke:#14201e24}.hos.light .knob-detent{stroke:#14201e4d}.hos .meter{--segs:14;grid-auto-flow:row;grid-template-rows:repeat(var(--segs), 1fr);border-radius:var(--r-xs);background:var(--well);width:9px;box-shadow:var(--well-in);gap:2px;padding:3px;display:grid}.hos .meter i{background:#7896a01a;border-radius:1px}.hos .meter i.on{background:var(--volt);box-shadow:0 0 5px var(--volt-line)}.hos .meter i.warn{background:var(--amber);box-shadow:0 0 5px #ffbb4d80}.hos .meter i.hot{background:var(--hot);box-shadow:0 0 6px #ff524799}.hos .meter.h{grid-template-rows:none;grid-auto-flow:column;grid-template-columns:repeat(var(--segs), 1fr);width:100%;height:100%}.hos-shell{grid-template-columns:var(--rail-left,268px) minmax(0, 1fr) var(--rail-right,364px);background:var(--bg);height:100%;color:var(--ink);border-radius:inherit;display:grid;position:relative;overflow:hidden}.hos-gutter{z-index:40;cursor:col-resize;touch-action:none;background:0 0;border:0;width:9px;padding:0;position:absolute;top:0;bottom:0}.hos-gutter:after{content:"";background:var(--line);width:1px;transition:width .12s,background .12s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.hos-gutter:hover:after,.hos-gutter:focus-visible:after,.hos-gutter.dragging:after{background:var(--volt,#6fe9ff);width:3px}.hos-gutter.left{left:var(--rail-left,268px);transform:translate(-50%)}.hos-gutter.right{right:var(--rail-right,364px);transform:translate(50%)}.hos-body{border-radius:inherit;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.hos-body>.hos-shell{flex:1 1 0;height:auto;min-height:0}.hos-dock{background:var(--chrome);border-top:1px solid var(--line);flex-direction:column;flex:none;height:392px;min-height:0;display:flex;overflow:hidden}.hos-dock.collapsed{height:54px}.hos-dock-head{flex:none;align-items:center;gap:12px;height:54px;padding:0 14px;display:flex}.hos-dock-head .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;font-size:10px}.hos-dock-head .hos-dock-mode{margin-left:auto}.hos-dock-toggle{margin-left:0}.hos-dock-tabs button,.hos-dock-mode button{padding:4px 12px;font-size:10px}.hos-dock-body{flex:auto;min-height:0;overflow:auto}.hos-dock-fx{flex-wrap:wrap;gap:14px;padding:6px 14px 14px;display:flex}.hos-dock .hos-insp-dock{background:0 0;border-left:0;height:100%;min-height:0}.hos-dock .hos-insp-dock .hos-insp-head{display:none}.hos-dock .hos-insp-dock .hos-insp-tabs{justify-content:flex-start;padding:8px 14px 6px}.hos-dock .hos-insp-dock .hos-insp-tabs .seg{width:auto}.hos-dock .hos-insp-dock .hos-insp-tabs .seg button{flex:none;padding:6px 18px}.hos-dock .hos-insp-dock .hos-insp-body{flex-flow:row;flex:auto;align-items:stretch;gap:14px;min-height:0;padding:4px 14px 14px;display:flex;overflow:auto hidden}.hos-dock .hos-insp-dock .hos-insp-body>*{flex:none;height:100%;min-height:0}.hos-dock .hos-insp-dock .hos-mod{width:272px}.hos-dock .hos-insp-dock .hos-mod.sh101-card,.hos-dock .hos-insp-dock .hos-mod.b303-card,.hos-dock .hos-insp-dock .hos-mod.drone-card,.hos-dock .hos-insp-dock .hos-mod.ob6-card,.hos-dock .hos-insp-dock .hos-mod.vapor-card,.hos-dock .hos-insp-dock .hos-mod.mono-card,.hos-dock .hos-insp-dock .hos-mod.fm-card,.hos-dock .hos-insp-dock .hos-mod.halo-card{width:auto}.hos-dock .hos-insp-dock .hos-mod.loop-card{width:690px}.hos-dock .hos-insp-dock .hos-mod.reel-card{width:auto}.hos-dock .hos-insp-dock .hos-mod-body{overflow-y:auto}.hos-dock .hos-insp-dock .elek{width:340px}.hos-dock .hos-insp-dock .hos-plocks{grid-template-columns:repeat(5,1fr)}.hos-rail{background:var(--chrome);flex-direction:column;min-height:0;display:flex}.hos-rail.left{border-right:1px solid var(--line)}.hos-rail.right{border-left:1px solid var(--line)}.hos-feel{gap:14px;padding:14px;overflow-y:auto}.hos-feel-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.hos-feel-head b{letter-spacing:.02em;font-size:13px}.hos-feel-head span{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:9px}.hos-performance,.hos-signature{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--lift);flex-direction:column;padding:12px 14px;display:flex}.hos-perf-knobs{flex-wrap:wrap;gap:14px;display:flex}.hos-perf-actions{gap:8px;margin-top:12px;display:flex}.hos-perf-actions .key{flex:1}.hos-sig{flex-direction:column;gap:11px;display:flex}.hos-sig-row{align-items:center;gap:10px;display:flex}.hos-sig-row>:first-child{flex:1;min-width:0}.hos .hos-sig-screen.elek{gap:9px;display:grid}.hos-sig:not(.on) .hos-sig-screen{filter:brightness(.6)saturate(.55)}.hos-sig.on .hos-sig-screen{box-shadow:var(--well-in), 0 0 16px color-mix(in srgb, var(--elek-ink,#d4f5dd) 22%, transparent)}.hos-sig-head{z-index:1;align-items:center;gap:9px;display:flex;position:relative}.hos-sig-head .elek-tag{text-transform:uppercase;font-size:11px}.hos-sig-name{font-family:var(--pixel);letter-spacing:.08em;color:var(--elek-ink,#d4f5dd);text-shadow:0 0 9px color-mix(in srgb, var(--elek-ink,#d4f5dd) 45%, transparent);font-size:22px;font-weight:700}.hos-sig-dose{font-family:var(--pixel);color:var(--elek-ink,#d4f5dd);margin-left:auto;font-size:15px}.hos-sig-stages{z-index:1;align-items:flex-end;gap:5px;height:18px;display:flex;position:relative}.hos-sig-stages i{background:var(--elek-ink,#d4f5dd);height:42%;box-shadow:0 0 7px color-mix(in srgb, var(--elek-ink,#d4f5dd) 30%, transparent);border-radius:1px;flex:1}.hos-sig-stages i:nth-child(2){height:64%}.hos-sig-stages i:nth-child(3){height:100%}.hos-sig-stages i:nth-child(4){height:72%}.hos-sig-stages i:nth-child(5){height:52%}.hos-sig.on .hos-sig-stages i{animation:2.4s ease-in-out infinite hos-sig-pulse;animation-delay:calc(var(--i) * .14s)}@keyframes hos-sig-pulse{0%,to{opacity:.5}50%{opacity:1}}.hos-sig-state{font-family:var(--pixel);letter-spacing:.06em;text-transform:uppercase;color:var(--elek-ink,#d4f5dd);opacity:.85;z-index:1;font-size:13px;position:relative}.hos-sig-power{border:1px solid var(--line-2);background:linear-gradient(180deg, var(--raised-2), var(--raised));border-radius:10px;align-items:center;gap:10px;min-height:36px;padding:0 12px;display:flex}.hos-sig-power.on{border-color:var(--volt-line);box-shadow:var(--lift), 0 0 12px #6fe9ff1f}.hos-sig-sw{background:var(--well);width:34px;height:18px;box-shadow:var(--well-in);border-radius:99px;flex:none;transition:background .16s;position:relative}.hos-sig-power.on .hos-sig-sw{background:var(--volt);box-shadow:inset 0 0 0 1px var(--volt-line), 0 0 8px var(--volt-line)}.hos-sig-sw i{background:linear-gradient(#fdfefe,#cfd6d4);border-radius:99px;width:14px;height:14px;transition:transform .16s cubic-bezier(.34,1.56,.64,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0006}.hos-sig-power.on .hos-sig-sw i{transform:translate(16px)}.hos-sig-power-txt{color:var(--ink-2);font-size:12px;font-weight:700}.hos-sig-power.on .hos-sig-power-txt{color:var(--volt-bright)}.hos-sig-compare{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-left:auto;font-size:9px}.hos-info{vertical-align:middle;align-items:center;margin-left:7px;display:inline-flex;position:relative}.hos .hos-info button{border:1px solid color-mix(in srgb, var(--ink) 20%, transparent);background:color-mix(in srgb, var(--ink) 7%, transparent);width:15px;min-width:15px;max-width:15px;height:15px;min-height:15px;max-height:15px;color:color-mix(in srgb, var(--ink) 55%, transparent);box-shadow:none;font-family:var(--mono);cursor:help;border-radius:50%;place-items:center;padding:0;font-size:9px;font-style:italic;font-weight:700;line-height:0;display:grid;transform:none}.hos .hos-info button:hover,.hos .hos-info.open button{background:color-mix(in srgb, var(--ink) 13%, transparent);border-color:color-mix(in srgb, var(--ink) 36%, transparent);color:var(--ink);box-shadow:none;transform:none}.hos-info .hos-info-pop{z-index:90;border:1px solid var(--line-2);background:var(--panel);width:216px;color:var(--ink-2);font-family:var(--mono);letter-spacing:.02em;text-transform:none;white-space:normal;text-align:left;opacity:0;pointer-events:none;border-radius:9px;padding:9px 11px;font-size:10px;font-weight:400;line-height:1.55;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 7px);left:-8px;transform:translateY(-2px);box-shadow:0 12px 32px #00000073}.hos-feel .hos-info .hos-info-pop{left:auto;right:-8px}.hos-info:hover .hos-info-pop,.hos-info.open .hos-info-pop,.hos-info button:focus-visible+.hos-info-pop{opacity:1;pointer-events:auto;transform:none}.hos-stage{background:radial-gradient(120% 80% at 70% -10%, #6fe9ff0a, transparent 60%), var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex}.hos-brand{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:16px 18px;display:flex}.hos-mark{background:linear-gradient(160deg, var(--raised-2), #0a0d10);width:34px;height:34px;box-shadow:var(--lift), inset 0 0 0 1px var(--volt-dim);border-radius:9px;flex:none;place-items:center;display:grid;position:relative}.hos-mark svg{width:20px;height:20px}.hos-wordmark{gap:3px;line-height:1;display:grid}.hos-wordmark b{font-family:var(--wordmark);letter-spacing:.04em;color:var(--ink);align-items:center;font-size:17px;font-weight:700;display:flex}.hos-wordmark b u{color:var(--volt);text-decoration:none}.hos-wordmark span{font-family:var(--mono);letter-spacing:.3em;color:var(--ink-3);text-transform:uppercase;font-size:8.5px}.hos-ver{letter-spacing:.1em;color:var(--volt);opacity:.85;font-style:normal}.hos-sec{border-bottom:1px solid var(--line);min-height:0;padding:14px 16px}.hos-sec.grow{flex-direction:column;flex:1;display:flex;overflow:hidden}.hos-sec-terr{border-bottom:0;flex-direction:column;flex:none;height:168px;display:flex;overflow:hidden}.hos-sec-terr .hos-list{flex:auto;min-height:0}.hos-vgutter{box-sizing:border-box;cursor:row-resize;touch-action:none;border:0;border-bottom:1px solid var(--line);background:0 0;flex:none;width:100%;height:10px;min-height:0;padding:0;line-height:0;display:block;position:relative}.hos-vgutter:after{content:"";background:var(--line-2);border-radius:1px;height:1px;transition:background .12s,height .12s;position:absolute;top:4px;left:16px;right:16px}.hos-vgutter:hover:after,.hos-vgutter.dragging:after{background:var(--volt,#6fe9ff);height:3px}.hos-sec-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.hos-sec-head .count{font-family:var(--mono);color:var(--ink-3);font-size:10px}.hos-list{gap:6px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.hos-list::-webkit-scrollbar{width:6px}.hos-list::-webkit-scrollbar-thumb{background:var(--volt-dim);border-radius:99px}.hos-terr-wrap{gap:4px;min-width:0;display:grid}.hos-terr-wrap.has-vars{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(180deg, var(--raised), var(--panel));box-shadow:var(--lift);gap:7px;padding:9px 10px 10px;transition:border-color .13s,transform 90ms}.hos-terr-wrap.has-vars:hover{border-color:var(--line-2);transform:translateY(-1px)}.hos-terr-wrap.has-vars.sig{border-color:color-mix(in srgb, var(--volt-line) 65%, var(--line))}.hos-terr-wrap.has-vars.on{border-color:var(--volt-line);box-shadow:var(--lift), inset 3px 0 0 var(--volt)}.hos-terr{text-align:left;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(180deg, var(--raised), var(--panel));box-shadow:var(--lift);grid-template-columns:1fr auto;align-items:center;gap:9px;padding:9px 11px;transition:border-color .13s,transform 90ms;display:grid}.hos-terr-wrap.has-vars .hos-terr{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.hos-terr-wrap.has-vars .hos-terr:hover{border-color:#0000;transform:none}.hos-terr-wrap.has-vars .hos-terr.on{box-shadow:none;border-color:#0000}.hos-terr .terr-copy{gap:3px;min-width:0;display:grid}.hos-terr.sig{border-color:color-mix(in srgb, var(--volt-line) 65%, var(--line))}.hos-terr:hover{border-color:var(--line-2);transform:translateY(-1px)}.hos-terr b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.hos-terr .terr-copy span{font-family:var(--mono);color:var(--ink-3);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.hos-terr .terr-copy em{color:var(--ink);font-style:normal;font-weight:700}.hos-terr.on{border-color:var(--volt-line);box-shadow:var(--lift), inset 3px 0 0 var(--volt)}.hos-terr.on b{color:var(--volt-bright)}.hos-terr .load{font-family:var(--mono);letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase;border:1px solid var(--line);border-radius:var(--r-xs);padding:4px 6px;font-size:8.5px;transition:color .12s,border-color .12s}.hos-terr:hover .load{color:var(--volt-bright);border-color:var(--volt-line)}.hos-terr.on .load{color:var(--volt);border-color:var(--volt-line)}.hos-terr-vars{flex-wrap:wrap;gap:6px;padding:0 0 0 1px;display:flex}.hos-terr-var{border:1px solid var(--line);background:color-mix(in srgb, var(--raised) 54%, transparent);min-width:0;min-height:24px;color:var(--ink-3);text-align:center;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;display:inline-flex}.hos-terr-var b{font-family:var(--mono);color:var(--volt);font-size:9px}.hos-terr-var span{min-width:0;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:8.5px;overflow:hidden}.hos-terr-var:hover,.hos-terr-var.on{color:var(--ink);border-color:var(--volt-line)}.hos-terr-var.on{color:#fff;border-color:var(--volt);background:var(--volt)}.hos-terr-var.on b{color:#fff}.hos-terr-var.on span{color:color-mix(in srgb, #fff 72%, var(--panel))}.hos-carts{grid-auto-rows:max-content;align-content:start;gap:6px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.hos-cart{text-align:left;border:1px solid var(--line-2);border-radius:var(--r);background:linear-gradient(180deg, var(--raised-2), var(--raised));box-shadow:var(--lift);grid-template-columns:10px 1fr auto;align-items:center;gap:10px;padding:7px 11px;transition:transform .11s,border-color .13s,box-shadow .13s;display:grid;position:relative;overflow:hidden}.hos-cart:before{content:"";background:linear-gradient(180deg, var(--ed,var(--volt)), color-mix(in srgb, var(--ed,var(--volt)) 30%, transparent));width:5px;position:absolute;top:0;bottom:0;left:0}.hos-cart .notch{background:repeating-linear-gradient(180deg, var(--ed,var(--volt)) 0 2px, transparent 2px 4px);opacity:.55;border-radius:2px;width:10px;height:16px}.hos-cart .cart-copy{gap:1px;min-width:0;display:grid}.hos-cart .cart-copy b{color:var(--ink);letter-spacing:.01em;font-size:11.5px;font-weight:600}.hos-cart .cart-copy span{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.hos-cart .load{font-family:var(--mono);letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase;border:1px solid var(--line);border-radius:var(--r-xs);padding:3px 6px;font-size:8.5px;transition:color .12s,border-color .12s}.hos-cart:hover{border-color:var(--volt-line);box-shadow:var(--lift), 0 0 12px #6fe9ff1a;transform:translateY(-1px)}.hos-cart:hover .load{color:var(--volt-bright);border-color:var(--volt-line)}.hos-cart.on{border-color:var(--volt-line);box-shadow:var(--lift), inset 3px 0 0 var(--volt)}.hos-cart.on .cart-copy b{color:var(--volt-bright)}.hos-cart.on .load{color:var(--volt);border-color:var(--volt-line)}.hos-fieldcard{flex-direction:column;gap:8px;margin-top:12px;display:flex}.hos-fieldcard-screen{aspect-ratio:16/9;border:1px solid var(--volt-line);border-radius:var(--r-sm);cursor:pointer;background:#06080c;width:100%;padding:0;transition:border-color .12s,box-shadow .12s;display:block;position:relative;overflow:hidden}.hos-fieldcard-screen:hover{box-shadow:var(--lift), 0 0 16px #6fe9ff29;border-color:#6fe9ff8c}.hos-fieldcard-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hos-fieldcard-vector,.hos-fieldcard-pvol{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hos-fieldcard-expand{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#e6f0fab3;border-radius:var(--r-xs);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#080a0e8c;padding:3px 6px;font-size:8px;position:absolute;bottom:6px;right:7px}.hos-fieldcard-screen:hover .hos-fieldcard-expand{color:var(--volt-bright)}.hos-fieldcard-row{gap:6px;display:flex}.hos-fieldcard-row .key{flex:1;min-width:0}.hos-fieldcard-row .key.ghost{color:#e6f0fa8c;flex:none}.hos-fieldcard-row .key.ghost:hover{color:#c9bcff}.hos-fieldcard-selectwrap{border:1px solid var(--line);border-radius:var(--r-sm);background:linear-gradient(180deg, var(--raised), var(--panel));min-width:0;height:31px;box-shadow:var(--lift);cursor:pointer;flex:1 1 0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;padding:0 8px;transition:border-color .12s,transform .12s,box-shadow .12s;display:grid}.hos-fieldcard-selectwrap span{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:8px}.hos-fieldcard-selectwrap select{width:100%;min-width:0;font-family:var(--mono);letter-spacing:.02em;appearance:none;text-overflow:ellipsis;cursor:pointer;outline:none;font-size:9.5px;min-height:0!important;box-shadow:none!important;color:var(--ink)!important;background:0 0!important;border:0!important;padding:0!important}.hos-fieldcard-selectwrap:hover{border-color:var(--line-strong);transform:translateY(-1px)}.hos-fieldcard-selectwrap:active{box-shadow:var(--shadow-pressed);transform:translateY(1px)}.hos-fieldcard-row .key{cursor:pointer}.hos-fieldcard-row .key:hover{border-color:var(--line-strong);transform:translateY(-1px)}.hos-fieldcard-row .key:active{box-shadow:var(--shadow-pressed);transform:translateY(1px)}.hos-fieldcard-reopen{width:100%}.hos-viz{z-index:1000;background:#07090d;position:fixed;inset:0;overflow:hidden}.hos-viz-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hos-viz-vector,.hos-viz-pvol{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hos-viz-hud{pointer-events:none;padding:calc(env(safe-area-inset-top,0px) + 18px) calc(env(safe-area-inset-right,0px) + 20px) calc(env(safe-area-inset-bottom,0px) + 18px) calc(env(safe-area-inset-left,0px) + 20px);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.hos-viz-title{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#e6f0fa73;font-size:11px}.hos-viz-title b{color:var(--volt-bright)}.hos-viz-title span{color:#e6f0fab3}.hos-viz-title em{color:#9b8cffd9;letter-spacing:.12em;margin-left:8px;font-style:normal}.hos-viz-ctrl{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080a0c57;border:1px solid #eeece038;border-radius:10px;flex-wrap:wrap;justify-content:center;align-self:center;gap:6px;max-width:min(980px,100vw - 32px);padding:6px;display:flex}.hos-viz-ctrl button,.hos-viz-peek,.hos-viz-selectwrap{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;padding:0 10px;font-size:9px;transition:color .12s,border-color .12s,background .12s;color:#f5f1e4e6!important;min-height:34px!important;box-shadow:none!important;background:#111212b8!important;border:1px solid #eeece03d!important}.hos-viz-ctrl button{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;padding:0 11px;font-size:9px;transition:color .12s,border-color .12s,background .12s;color:#f5f1e4e6!important;min-height:34px!important;box-shadow:none!important;background:#111212b8!important;border:1px solid #eeece03d!important}.hos-viz-ctrl button:hover,.hos-viz-peek:hover,.hos-viz-selectwrap:hover{color:var(--volt-bright)!important;background:#10161ed9!important;border-color:#6fe9ff99!important}.hos-viz-ctrl button:disabled{cursor:wait;color:#e6f0fa73;border-color:#7e8c9c38}.hos-viz-selectwrap{align-items:center;gap:7px;min-width:120px;display:flex}.hos-viz-selectwrap span{color:#f5f1e46b;letter-spacing:.18em;flex:none}.hos-viz-selectwrap select{width:auto;min-width:0;height:20px;font:inherit;letter-spacing:.04em;text-transform:uppercase;appearance:none;outline:none;min-height:0!important;box-shadow:none!important;color:inherit!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.hos-viz-selectwrap select:disabled{opacity:.5;cursor:wait}.hos-viz-ctrl button.close{border-color:#9b8cff59}.hos-viz-ctrl button.close:hover{color:#c9bcff;border-color:#9b8cffb3}.hos-viz-ctrl button.char{color:#c9bcffe0!important;border-color:#9b8cff4d!important}.hos-viz-ctrl button.char:hover{color:#c9bcff;border-color:#9b8cffb3}.hos-viz-ctrl button.hud{color:#e6f0facc!important;border-color:#6fe9ff4d!important}.hos-viz-ctrl button.hud.on{color:var(--volt-bright)!important;background:#6fe9ff24!important;border-color:#6fe9ffb3!important}.hos-viz-ctrl button.hud.on:hover{background:#6fe9ff38!important;border-color:#6fe9fff2!important}.hos-viz-selectwrap.style{min-width:168px;font-weight:600;color:var(--volt-bright)!important;border-color:#6fe9ff73!important}.hos-viz-selectwrap.style:hover{background:#10161ee6;border-color:#6fe9ffcc}.hos-viz-selectwrap.fx{min-width:92px;color:#e6ebecd1!important;border-color:#7e8c9c59!important}.hos-viz-selectwrap.fx:hover{color:#eaf2fb;border-color:#7e8c9cb3}.hos-viz-selectwrap.duration{min-width:106px;color:#e6f0fadb!important;border-color:#6fe9ff57!important}.hos-viz-ctrl button.story{color:#eff7f2!important;background:#6fe9ff1a!important;border-color:#6fe9ff8c!important}.hos-viz-ctrl button.story:hover{background:#6fe9ff2e;border-color:#6fe9ffd9}.hos-viz-peek{right:calc(env(safe-area-inset-right,0px) + 18px);bottom:calc(env(safe-area-inset-bottom,0px) + 18px);z-index:2;position:absolute}.hos-viz-export{top:calc(env(safe-area-inset-top,0px) + 18px);z-index:3;color:#e6f0facc;max-width:min(420px,100vw - 32px);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#080a0ead;border:1px solid #6fe9ff47;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hos-viz-export span{color:var(--volt-bright);font-weight:700}.hos-viz-export.error{color:#ffe1e1db;border-color:#ff6f6f59}.hos-viz-export.error span{color:#ff9c9c}.hos-viz-export-save{min-height:28px;color:var(--volt-bright);white-space:nowrap;border-left:1px solid #6fe9ff38;align-items:center;padding-left:8px;text-decoration:none;display:inline-flex}.hos-viz-export-save:hover{color:#effcff}.hos-viz-export-stop{min-height:28px;color:var(--volt-bright);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#6fe9ff1a;border:1px solid #6fe9ff5c;border-radius:999px;padding:0 9px;font-size:9px}.hos-viz-export-stop:hover{background:#6fe9ff2e;border-color:#6fe9ffb8}.hos-viz-ctrl-stack{pointer-events:none;z-index:4;flex-direction:column;align-self:center;align-items:center;gap:8px;max-width:min(980px,100vw - 32px);display:flex}.hos-viz-chrome{top:calc(env(safe-area-inset-top,0px) + 18px);right:calc(env(safe-area-inset-right,0px) + 20px);z-index:4;pointer-events:auto;gap:6px;display:flex;position:absolute}.hos-viz-ctrl button.grp{color:#e6f0faeb!important;border-color:#6fe9ff57!important}.hos-viz-ctrl button.grp:hover{color:var(--volt-bright)!important;border-color:#6fe9ffb3!important}.hos-viz-ctrl button.grp.open{color:var(--volt-bright)!important;background:#6fe9ff1f!important;border-color:#6fe9ffd9!important}.hos-viz-pop{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0d12d1;border:1px solid #6fe9ff4d;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:min(560px,100vw - 32px);padding:9px 10px;display:flex}.hos-viz-pop-label{text-align:center;font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#6fe9ffc7;flex:0 0 100%;margin-bottom:2px;font-size:8.5px}.hos-viz-pop button{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;padding:0 11px;font-size:9px;transition:color .12s,border-color .12s,background .12s;color:#f5f1e4e6!important;min-height:34px!important;box-shadow:none!important;background:#111212b8!important;border:1px solid #eeece03d!important}.hos-viz-pop button:hover{color:var(--volt-bright)!important;background:#10161ed9!important;border-color:#6fe9ff99!important}.hos-viz-pop button:disabled{cursor:wait;color:#e6f0fa73!important;border-color:#7e8c9c38!important}.hos-viz-pop button.char{color:#c9bcffe0!important;border-color:#9b8cff4d!important}.hos-viz-pop button.char:hover{color:#c9bcff!important;border-color:#9b8cffb3!important}.hos-viz-pop button.hud{color:#e6f0facc!important;border-color:#6fe9ff4d!important}.hos-viz-pop button.hud.on{color:var(--volt-bright)!important;background:#6fe9ff24!important;border-color:#6fe9ffb3!important}.hos-viz-pop button.hud.on:hover{background:#6fe9ff38!important;border-color:#6fe9fff2!important}.hos-viz-pop button.story{color:#eff7f2!important;background:#6fe9ff1a!important;border-color:#6fe9ff8c!important}.hos-viz-pop button.story:hover{background:#6fe9ff2e!important;border-color:#6fe9ffd9!important}.hos-viz-pop button.rnd{color:#c9bcffe6!important;border-color:#9b8cff66!important}.hos-viz-pop button.rnd:hover{color:#c9bcff!important;border-color:#9b8cffbf!important}.hos-notes-sec{flex:none}.hos-notes-toggle{cursor:pointer;width:100%;min-height:0;color:var(--ink-3);justify-content:space-between;align-items:center;gap:8px;margin:0;padding:7px 11px;transition:color .12s;display:flex}.hos-notes-toggle .eyebrow{margin:0}.hos-notes-toggle:hover{color:var(--ink)}.hos-notes-toggle:hover .eyebrow{color:var(--ink-2)}.hos-notes-toggle .hos-chev{color:var(--ink-3);flex:none;transition:transform .16s}.hos-notes-toggle:hover .hos-chev{color:var(--volt)}.hos-notes-sec.collapsed .hos-chev{transform:rotate(-90deg)}.hos-notes{gap:8px;margin-top:10px;display:grid}.hos-note{gap:2px;display:grid}.hos-note dt{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:8.5px;font-weight:600}.hos-note dd{font-family:var(--mono);color:var(--ink-2);margin:0;font-size:10.5px;line-height:1.3}.hos-transport{border-bottom:1px solid var(--line);background:linear-gradient(180deg, var(--raised), var(--panel));align-items:center;gap:14px;padding:12px 16px;display:flex}.hos-tgroup{align-items:center;gap:7px;display:flex}.hos-tgroup.divide{border-left:1px solid var(--line);padding-left:14px}.hos-transport .spacer{flex:1}.hos-seed{gap:2px;line-height:1;display:grid}.hos-seed .eyebrow{margin-bottom:1px}.hos-seed b{color:var(--ink);font-size:15px;font-weight:600}.hos-readout{align-items:center;gap:5px;display:flex}.hos-readout .screen{align-items:baseline;gap:5px;padding:6px 9px;font-size:13px;font-weight:600;display:flex}.hos-readout .screen small{color:#34e0c98c;letter-spacing:.12em;font-size:8px}.hos-pos{font-family:var(--mono);color:var(--ink-2);min-width:70px;font-size:12px}.hos-pos.live{color:var(--volt-bright)}.hos-tabs{justify-content:space-between;align-items:flex-end;padding:12px 16px 0;display:flex}.hos-tabs .seg,.hos-tabs .hos-status-screen,.hos-tabs .hos-field.compact .hos-sel,.hos-tabs .hos-field.compact .hos-num,.hos-transport .key,.hos-transport .seg{box-sizing:border-box;height:30px;min-height:30px}.hos-tabs .seg,.hos-transport .seg{align-items:center;display:inline-flex}.hos-tabs .seg button,.hos-transport .seg button{justify-content:center;align-items:center;height:24px;padding-top:0;padding-bottom:0;display:inline-flex}.hos-seq{flex-direction:column;gap:12px;min-height:0;padding:14px 16px 16px;display:flex;overflow:hidden}.hos-macros{border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--raised), var(--panel));box-shadow:var(--lift);grid-template-columns:repeat(4,auto) 1fr auto;align-items:center;gap:14px;padding:12px 16px;display:grid}.hos-macros .macro-spacer{justify-self:stretch}.hos-pages{gap:4px;display:inline-flex}.hos-pages .key.tiny{min-width:54px}.hos-pages .key.live{border-color:var(--volt-line);color:var(--volt-bright);animation:1.4s ease-in-out infinite hos-pulse}.hos-grid{flex-direction:column;flex:auto;gap:9px;min-height:0;display:flex;overflow-y:auto}.hos-grid>*{flex:none}.hos-trackgroup{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);min-width:0;box-shadow:var(--lift);overflow:hidden}.hos-trackgroup .hos-steps{min-width:0}.hos-ruler{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--well);box-shadow:var(--lift);grid-template-columns:168px minmax(0,1fr);align-items:center;padding:8px 14px;display:grid}.hos-ruler .cap{font-family:var(--mono);color:var(--ink-3);letter-spacing:.08em;font-size:9px}.hos-ruler-steps{grid-template-columns:repeat(16,minmax(0,1fr));gap:4px;display:grid}.hos-ruler-steps b{font-family:var(--mono);text-align:center;color:var(--ink-3);font-size:9px}.hos-ruler-steps b.q{color:var(--ink-2)}.hos-ruler-steps b.play{color:var(--volt-bright)}.hos-track{border-bottom:1px solid var(--line);grid-template-columns:168px minmax(0,1fr);align-items:stretch;display:grid}.hos-track:last-child{border-bottom:0}.hos-track.dim{opacity:.42}.hos-track.armed{background:#6fe9ff08}.hos-th{border-right:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:8px 11px;display:grid}.hos-th .th-id{align-items:center;gap:9px;min-width:0;display:flex}.hos-th .th-copy{gap:1px;min-width:0;display:grid}.hos-th .th-copy b{color:var(--ink);letter-spacing:.01em;font-size:12px;font-weight:600}.hos-th .th-copy span{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:8.5px}.hos-th .th-ctrl{gap:3px;display:flex}.hos-th .msbtn{border:1px solid var(--line);border-radius:var(--r-xs);background:var(--raised);width:19px;height:19px;color:var(--ink-3);font-family:var(--mono);box-shadow:var(--lift);place-items:center;font-size:9px;font-weight:600;transition:color .11s,border-color .11s;display:grid}.hos-th .msbtn:hover{color:var(--ink)}.hos-th .msbtn.m.on{color:var(--amber);border-color:color-mix(in srgb, var(--amber) 50%, transparent)}.hos-th .msbtn.s.on{color:var(--volt-bright);border-color:var(--volt-line)}.hos-th .msbtn.v:hover{color:var(--violet)}.hos-th .msbtn.x{font-size:12px;line-height:1}.hos-th .msbtn.x:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.hos-th .msbtn.l.on{color:var(--violet);border-color:color-mix(in srgb, var(--violet) 50%, transparent)}.hos-steps{background:var(--well);box-shadow:var(--well-in);grid-template-columns:repeat(16,minmax(0,1fr));gap:4px;padding:7px 14px;display:grid}.hos-pad{border-radius:var(--r-sm);background:linear-gradient(#34352f,#232420);border:0;width:100%;height:30px;transition:box-shadow 90ms,transform 60ms;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #0000004d}.hos-pad.q{background:linear-gradient(#3d3e37,#2a2b26)}.hos-pad:hover{transform:translateY(-1px)}.hos-pad .fill{background:var(--volt);height:4px;box-shadow:0 0 6px var(--volt-line);border-radius:99px;position:absolute;inset:auto 3px 3px}.hos-pad.on{background:linear-gradient(180deg, color-mix(in srgb, var(--volt) 30%, #14181c), #0c1316);box-shadow:inset 0 0 0 1px var(--volt-line), 0 0 9px #6fe9ff2e}.hos-pad.on:after{content:"";border-radius:var(--r-xs);background:radial-gradient(circle at 50% 40%, var(--volt-bright), var(--volt) 60%, transparent 78%);opacity:.9;position:absolute;inset:4px}.hos-pad.play{box-shadow:inset 0 0 0 2px var(--volt-bright), 0 0 14px #6fe9ff66}.hos-pad.sel{box-shadow:inset 0 0 0 2px var(--violet)}.hos-pad .lbl{font-family:var(--mono);letter-spacing:-.02em;color:#ffffffe0;z-index:2;white-space:nowrap;place-items:center;padding:0 1px;font-size:9px;font-weight:600;display:grid;position:absolute;inset:0}.hos.light .hos-pad{background:linear-gradient(#b7bdb8,#aab0ab);box-shadow:inset 0 1px #ffffff80,inset 0 0 0 1px #14201e1a}.hos.light .hos-pad.q{background:linear-gradient(#aeb4af,#a3a9a4)}.hos.light .hos-pad.on{background:linear-gradient(180deg, color-mix(in srgb, var(--volt) 40%, #cfd4cf), #aab8b6)}.hos.light .hos-pad.play{box-shadow:inset 0 0 0 2px var(--volt-bright), 0 0 10px var(--volt-line)}.hos.light .hos-pad.sel{box-shadow:inset 0 0 0 2px var(--violet)}.hos-mixer{gap:14px;min-height:0;padding:14px 16px 16px;display:flex;overflow:hidden}.hos-strips{align-items:stretch;gap:10px;min-height:0;padding-bottom:6px;display:flex;overflow:auto hidden}.hos-strip{border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--raised), var(--panel));width:116px;box-shadow:var(--lift);flex:none;grid-template-rows:auto auto auto minmax(64px,1fr) auto;gap:8px;min-height:0;padding:10px 8px;display:grid}.hos-strip.sel{border-color:var(--volt-line);box-shadow:var(--lift), inset 0 0 0 1px var(--volt-dim)}.hos-strip.dim{opacity:.45}.hos-strip-head{text-align:center;gap:2px;display:grid}.hos-strip-head b{color:var(--ink);font-size:11px;font-weight:600}.hos-strip-head span{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.hos-strip-ms{justify-content:center;gap:4px;display:flex}.hos-strip-ms .msbtn{border:1px solid var(--line);border-radius:var(--r-xs);background:var(--raised-2);width:22px;height:19px;color:var(--ink-3);font-family:var(--mono);box-shadow:var(--lift);place-items:center;font-size:9px;font-weight:600;display:grid}.hos-strip-ms .msbtn.m.on{color:var(--amber);border-color:color-mix(in srgb, var(--amber) 50%, transparent)}.hos-strip-ms .msbtn.s.on{color:var(--volt-bright);border-color:var(--volt-line)}.hos-strip-knobs{grid-template-columns:repeat(3,1fr);align-content:center;justify-items:center;gap:7px 2px;display:grid}.hos .hos-strip-knobs .knob.sm{gap:2px;width:32px}.hos .hos-strip-knobs .knob.sm .knob-dial{width:26px;height:26px}.hos-strip-knobs .knob-label{letter-spacing:.04em;white-space:nowrap;font-size:7px}.hos-strip-knobs .knob-value{font-size:9px}.hos-fader{grid-template-columns:auto auto;justify-content:center;align-items:stretch;gap:8px;min-height:0;padding:6px 4px 2px;display:grid}.hos-fader-stage{width:32px;height:100%;min-height:64px;position:relative}.hos-fader-track{background:var(--well);width:7px;box-shadow:var(--well-in);border-radius:99px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.hos-fader-fill{background:linear-gradient(180deg, var(--volt), #6fe9ff4d);border-radius:99px;width:7px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hos-fader-cap{background:linear-gradient(180deg, var(--raised-2), #0b0e11);width:30px;height:14px;box-shadow:var(--lift), inset 0 0 0 1px #00000080;border-radius:4px;position:absolute;left:50%;transform:translate(-50%,50%)}.hos-fader-cap:after{content:"";border-top:1px solid var(--volt-line);position:absolute;inset:5px 4px}.hos-fader-scale{font-family:var(--mono);color:var(--ink-3);flex-direction:column;justify-content:space-between;padding:2px 0;font-size:7px;display:flex}.hos-fader-meter{align-items:stretch;display:flex}.hos-fader-meter .meter{--segs:18;width:9px;height:100%;min-height:64px;box-shadow:var(--well-in), 0 0 0 1px #00000040}.hos.light .hos-fader-meter .meter{background:#c6ccc6;box-shadow:inset 0 1px 4px #14201e33,0 0 0 1px #14201e29}.hos.light .meter i{background:#14201e1a}.hos.light .meter i.on{background:var(--volt);box-shadow:0 0 5px var(--volt-line)}.hos.light .meter i.warn{background:var(--amber);box-shadow:0 0 5px #ffbb4d80}.hos.light .meter i.hot{background:var(--hot);box-shadow:0 0 6px #ff524799}.hos-strip-db{text-align:center;font-family:var(--mono);color:var(--volt);font-size:10px}.hos-master{border:1px solid var(--volt-line);border-radius:var(--r-lg);background:radial-gradient(120% 40% at 50% 0%, #6fe9ff0f, transparent 60%), linear-gradient(180deg, var(--raised), var(--panel));width:132px;box-shadow:var(--lift), inset 0 0 0 1px var(--volt-dim);flex-direction:column;flex:none;gap:10px;min-height:0;margin-bottom:6px;padding:12px;display:flex}.hos-master-head{border-radius:var(--r-sm);border:1px solid var(--volt-line);background:linear-gradient(180deg, color-mix(in srgb, var(--volt) 17%, var(--raised-2)), color-mix(in srgb, var(--volt) 7%, var(--well)));box-shadow:var(--well-in), inset 0 1px 0 #ffffff0d;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 10px;display:flex;overflow:hidden}.hos-master-head b{color:var(--ink);letter-spacing:.06em;white-space:nowrap;font-size:13px;font-weight:700;line-height:1.1}.hos-master-head span{font-family:var(--mono);color:var(--volt);text-transform:uppercase;letter-spacing:.08em;opacity:.85;white-space:nowrap;font-size:7.5px}.hos-master-row{justify-content:space-between;gap:8px;display:flex}.hos-master-row .screen{text-align:center;flex:1;padding:6px 4px;font-size:12px}.hos-master-bay{flex:auto;justify-content:center;align-items:stretch;gap:11px;min-height:0;padding-top:2px;display:flex}.hos-master-bay .mcol{flex-direction:column;align-items:center;gap:6px;min-height:0;display:flex}.hos .hos-master-bay .hos-fader-stage{flex:auto;width:40px;height:auto;min-height:64px}.hos .hos-master-bay .hos-fader-cap{width:32px}.hos .hos-master-bay .meter{background:linear-gradient(180deg, #ffffff08, transparent 24%), var(--screen);width:13px;height:auto;min-height:64px;box-shadow:var(--well-in), 0 0 0 1px #0006;flex:auto;gap:1.5px;padding:3px 2px}.hos .hos-master-bay .meter i{background:#34e0c917}.hos .hos-master-bay .meter i.on{background:var(--phosphor);box-shadow:0 0 5px #34e0c98c}.hos .hos-master-bay .meter i.warn{background:var(--amber);box-shadow:0 0 5px #ffbb4d80}.hos .hos-master-bay .meter i.hot{background:var(--hot);box-shadow:0 0 6px #ff524799}.hos-master-scale{flex-direction:column;justify-content:space-between;align-self:stretch;padding:1px 0 19px;display:flex}.hos-master-scale span{font-family:var(--mono);color:color-mix(in srgb, var(--phosphor) 55%, var(--ink-3));font-size:7px;line-height:1}.hos-master-bay .mcol>.lbl{font-family:var(--mono);letter-spacing:.1em;color:var(--ink-3);flex:none;font-size:8.5px}.hos-master-bay .mcol-fader>.lbl{color:var(--volt);letter-spacing:0;font-size:13px}.hos-master-ms{justify-content:center}.hos-master-sends{justify-content:center;gap:12px;display:flex}.hos-master.muted .hos-master-bay{opacity:.5}.hos-fx{grid-template-columns:1fr 1fr;align-content:start;gap:16px;min-height:0;padding:16px;display:grid;overflow:auto}.hos-pedal{border:1px solid var(--line-2);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--raised-2), var(--raised));box-shadow:var(--lift);gap:14px;padding:16px;display:grid;position:relative;overflow:hidden}.hos-pedal:before{content:"";background:linear-gradient(90deg, var(--ed), transparent 70%);height:3px;position:absolute;inset:0 0 auto}.hos-pedal-head{justify-content:space-between;align-items:center;gap:12px;min-height:40px;display:flex}.hos-pedal-head .pid{gap:3px;display:grid}.hos-pedal-head .pid span{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ed);font-size:9px}.hos-pedal-head .pid b{letter-spacing:.01em;color:var(--ink);white-space:nowrap;font-size:20px;font-weight:700}.hos-pedal-bay{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(180deg, #00000040, transparent), var(--panel);box-shadow:var(--well-in);justify-content:space-between;align-items:center;gap:10px;padding:16px 14px;display:flex}.hos-pedal-knobs{flex-wrap:wrap;flex:auto;gap:14px;display:flex}.hos-pedal-foot{justify-content:space-between;align-items:center;display:flex}.hos-pedal-foot .rtn{gap:2px;display:grid}.hos-pedal-foot .rtn b{font-family:var(--mono);color:var(--volt);font-size:15px}.hos-pedal-foot .rtn span{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:8.5px}.fx-engage{align-items:center;gap:9px;display:inline-flex}.fx-engage-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:9px;transition:color .18s}.fx-pedal-engaged .fx-engage-label{color:var(--ed)}.hos .fx-toggle{cursor:pointer;background:#353b3f;border:0;border-radius:99px;flex:none;width:44px;height:24px;min-height:0;padding:0;transition:background .2s,box-shadow .2s;position:relative;transform:none;box-shadow:inset 0 1px 2px #00000073,inset 0 0 0 1px #00000059}.hos .fx-toggle i{background:#fcfdfb;border-radius:50%;width:18px;height:18px;transition:transform .2s cubic-bezier(.34,1.3,.6,1);position:absolute;top:3px;left:3px;box-shadow:0 1.5px 3px #00000073,inset 0 1px #ffffffd9}.hos .fx-toggle[aria-pressed=true]{background:var(--ed);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ed) 55%, #000), 0 0 10px color-mix(in srgb, var(--ed) 55%, transparent)}.hos .fx-toggle[aria-pressed=true] i{transform:translate(20px)}.hos .fx-toggle:focus-visible{box-shadow:var(--glow);outline:none}.hos.light .fx-toggle{background:#c2c8c2;box-shadow:inset 0 1px 2px #00000038}.hos.light .fx-toggle[aria-pressed=true]{background:var(--ed);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ed) 45%, #000), 0 0 9px color-mix(in srgb, var(--ed) 45%, transparent)}.hos-insp{flex-direction:column;min-height:0;display:flex}.hos-insp-head{border-bottom:1px solid var(--line);padding:15px 16px 12px}.hos-insp-head .tgt{align-items:center;gap:9px;margin-top:8px;display:flex}.hos-insp-head .tgt b{color:var(--ink);font-size:19px;font-weight:600}.hos-insp-head .tgt .screen{margin-left:auto;padding:5px 9px;font-size:12px}.hos-insp-tabs{gap:2px;padding:12px 16px 0;display:flex}.hos-insp-tabs .seg{width:100%}.hos-insp-tabs .seg button{flex:1;padding:6px 4px;font-size:10px}.hos-insp-body{gap:12px;min-height:0;padding:14px 16px 18px;display:grid;overflow-y:auto}.hos-mod{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(180deg, var(--raised), var(--panel));box-shadow:var(--lift);overflow:hidden}.hos-mod-head{border-bottom:1px solid var(--line);background:#ffffff03;justify-content:space-between;align-items:center;gap:8px;height:38px;padding:0 12px;display:flex}.hos-mod-head .eyebrow{white-space:nowrap;margin:0}.hos-mod-head-left{align-items:center;gap:10px;min-width:0;display:flex}.hos-mod-tools{align-items:center;gap:8px;display:flex}.seg-mini{padding:3px}.seg-mini button{padding:4px 10px;font-size:10px}.hos-mod-body{gap:12px;padding:12px;display:grid}.hos-mod.collapsed .hos-mod-body{display:none}.hos-mod .fold{color:var(--ink-3);font-size:11px}.hos-field{gap:5px;display:grid}.hos-field>span{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:8.5px;font-weight:600}.hos-field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hos-sel,.hos-num{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--well);width:100%;min-height:28px;color:var(--ink);font-family:var(--mono);box-shadow:var(--press);padding:0 9px;font-size:11px}.hos-slider{align-items:center;height:24px;display:flex;position:relative}.hos-slider .rail{background:var(--well);height:5px;box-shadow:var(--well-in);border-radius:99px;position:absolute;left:0;right:0}.hos-slider .val{background:linear-gradient(90deg, #6fe9ff66, var(--volt));height:5px;box-shadow:0 0 6px var(--volt-line);border-radius:99px;position:absolute;left:0}.hos-slider .thumb{background:linear-gradient(180deg, var(--raised-2), #0a0d10);width:13px;height:13px;box-shadow:var(--lift), inset 0 0 0 1px var(--volt-line);border-radius:99px;position:absolute;transform:translate(-50%)}.hos-slider .stat{font-family:var(--mono);color:var(--ink-2);font-size:9px;position:absolute;top:-2px;right:0}.hos-plocks{grid-template-columns:repeat(4,1fr);gap:10px 4px;padding:4px 2px;display:grid}.hos-knobrow{flex-wrap:wrap;align-items:flex-start;gap:12px 20px;padding:4px 2px;display:flex}.hos-knobrow .knob{width:52px}.engine-block{gap:8px;display:grid}.engine-all{justify-self:stretch;width:100%}.engine-grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:6px;padding:2px;display:grid}.engine-cell{border:1px solid var(--line-2);border-radius:var(--r-sm);background:linear-gradient(180deg, var(--raised-2), var(--raised));min-height:30px;color:var(--ink-2);letter-spacing:.02em;box-shadow:var(--lift);padding:0 8px;font-size:11px;font-weight:700}.engine-cell:hover{color:var(--ink);border-color:var(--line-2)}.engine-cell.active{color:var(--volt-bright);border-color:var(--volt-line);box-shadow:var(--lift), inset 0 0 0 1px var(--volt-dim), 0 0 10px #6fe9ff29}.voice-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:5px;padding:2px;display:grid}.voice-cell{border:1px solid var(--line-2);border-radius:var(--r-sm);background:linear-gradient(180deg, var(--raised-2), var(--raised));min-height:28px;color:var(--ink-3);font-family:var(--mono);letter-spacing:.04em;box-shadow:var(--lift);padding:0 4px;font-size:10px;font-weight:700}.voice-cell.home{color:var(--ink-2);border-style:dashed}.voice-cell.active{color:var(--volt-bright);border-color:var(--volt-line);box-shadow:var(--lift), inset 0 0 0 1px var(--volt-dim), 0 0 9px #6fe9ff29;border-style:solid}.sh101-panel,.b303-panel,.ob6-panel{flex-flow:wrap;align-items:stretch;row-gap:14px;padding:2px;display:flex}.hos-dock .hos-insp-dock .sh101-panel,.hos-dock .hos-insp-dock .b303-panel,.hos-dock .hos-insp-dock .ob6-panel{flex-flow:row}.sh101-group,.b303-group,.ob6-group{flex:none;align-content:start;gap:8px;width:auto;padding:0 14px;display:grid}.sh101-group:first-child,.b303-group:first-child,.ob6-group:first-child{padding-left:2px}.sh101-group+.sh101-group,.b303-group+.b303-group,.ob6-group+.ob6-group{border-left:1px solid var(--line)}.sh101-group-title,.b303-group-title,.ob6-group-title{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--volt);opacity:.85;border-bottom:1px solid var(--line);padding-bottom:4px;font-size:9px}.b303-group-title,.ob6-group-title{color:var(--violet)}:root{--knob-cell:50px;--knob-gap-x:8px;--knob-gap-y:12px}.sh101-controls,.b303-controls,.ob6-controls{grid-template-columns:repeat(2, var(--knob-cell));gap:var(--knob-gap-y) var(--knob-gap-x);place-content:start;justify-items:center;min-width:0;display:grid}.sh101-panel .knob.sm,.b303-panel .knob.sm,.ob6-panel .knob.sm{width:var(--knob-cell);gap:3px}.sh101-panel .knob.sm .knob-dial,.b303-panel .knob.sm .knob-dial,.ob6-panel .knob.sm .knob-dial{width:30px;height:30px}.sh101-panel .knob-label,.b303-panel .knob-label,.ob6-panel .knob-label{letter-spacing:.06em;text-align:center;font-size:7.5px}.sh101-panel .knob-value,.b303-panel .knob-value,.ob6-panel .knob-value{font-size:9.5px}.sh101-panel .knob-value.text,.b303-panel .knob-value.text,.ob6-panel .knob-value.text{letter-spacing:.06em;font-size:8.5px}.ob6-panel .knob.sm{gap:2px}.ob6-panel .knob.sm .knob-dial{width:26px;height:26px}.ob6-controls{row-gap:6px}.ob6-panel .knob-label{font-size:7px}.ob6-panel .knob-value{font-size:9px}.preset-bar{align-items:center;gap:6px;display:flex}.preset-bar .preset-select{max-width:156px;padding:3px 8px;font-size:11px}.preset-bar .key.tiny{flex:none}.preset-bar .preset-name{text-align:left;width:96px;font-size:11px}.hos-toggles{gap:7px;display:flex}.hos-toggles .key{flex:1}.hos-keys{border-radius:var(--r-sm);height:50px;box-shadow:var(--well-in);display:flex;position:relative;overflow:hidden}.hos-keys .wk{background:linear-gradient(#20262b,#14181c);border-right:1px solid #0a0d10;flex:1;position:relative}.hos-keys .wk.lit{background:linear-gradient(180deg, var(--volt-bright), var(--volt))}.hos-keys .bk{z-index:2;background:linear-gradient(#05080a,#0e1216);border-radius:0 0 3px 3px;width:14px;height:60%;position:absolute;top:0;right:-7px}.hos-keys .bk.lit{background:linear-gradient(180deg, var(--volt-bright), var(--volt));box-shadow:0 0 8px var(--volt-line)}.hos.light .hos-keys .wk{background:linear-gradient(#f4f6f2,#dfe3df);border-right-color:#c2c8c2}.hos.light .hos-keys .bk{background:linear-gradient(#1b2420,#2c3631)}.hos.light .hos-keys .wk.lit{background:linear-gradient(180deg, var(--volt-bright), var(--volt))}.hos.light .hos-keys .bk.lit{background:linear-gradient(180deg, var(--volt-bright), var(--volt));box-shadow:0 0 8px var(--volt-line)}.hos-keys .kbd-name{text-align:center;font-family:var(--mono);color:#06140f;letter-spacing:-.02em;pointer-events:none;z-index:3;font-size:9px;font-style:normal;font-weight:800;position:absolute;bottom:3px;left:0;right:0}.hos-keys .bk .kbd-name{font-size:7px;bottom:1px;left:-1px;right:-1px}.hos-scenes{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.hos-kit{gap:18px;padding:20px;display:grid}.hos-kit-row{gap:10px;display:grid}.hos-kit-row>.eyebrow{border-bottom:1px solid var(--line);padding-bottom:7px}.hos-kit-items{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hos-kit-cell{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(180deg, var(--raised), var(--panel));box-shadow:var(--lift);justify-items:center;gap:7px;padding:12px 14px;display:grid}.hos-kit-cell .cap{font-family:var(--mono);color:var(--ink-3);letter-spacing:.08em;font-size:8.5px}@keyframes hos-pulse{0%,to{box-shadow:var(--lift), inset 0 0 0 1px var(--volt-dim)}50%{box-shadow:var(--lift), 0 0 12px #6fe9ff59}}@keyframes hos-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hos-rise{animation:.42s cubic-bezier(.2,.7,.2,1) both hos-rise}@media (prefers-reduced-motion:reduce){.hos *,.hos :before,.hos :after{transition:none!important;animation:none!important}}.hos-fieldctrl{top:calc(env(safe-area-inset-top,0px) + 18px);left:calc(env(safe-area-inset-left,0px) + 20px);pointer-events:auto;max-width:340px;font-family:var(--mono);position:absolute}.hos-fieldctrl-toggle{letter-spacing:.14em;text-transform:uppercase;color:#e6f0fad1;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c1016b3;border:1px solid #6fe9ff4d;border-radius:8px;padding:8px 14px;font-size:10px}.hos-fieldctrl-toggle:hover{color:var(--volt-bright);border-color:#6fe9ff99}.hos-fieldctrl-body{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0d12db;border:1px solid #6fe9ff38;border-radius:12px;width:340px;max-height:72vh;margin-top:8px;padding:12px;overflow-y:auto}.hos-fieldctrl-tabs{gap:6px;margin-bottom:10px;display:flex}.hos-fieldctrl-tabs button{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#e6f0fa99;cursor:pointer;background:#12182099;border:1px solid #7e8c9c40;border-radius:7px;flex:1;padding:6px;font-size:10px}.hos-fieldctrl-tabs button.on{color:var(--volt-bright);background:#10161ee6;border-color:#6fe9ff8c}.hos-fieldctrl-group{margin-bottom:8px}.hos-fieldctrl-grouphd{letter-spacing:.2em;text-transform:uppercase;color:#9b8cffb3;justify-content:space-between;align-items:center;margin:9px 0 5px;font-size:9px;display:flex}.hos-fieldctrl-row{align-items:center;gap:8px;margin:6px 0;display:flex}.hos-fieldctrl-row .lbl{color:#dce6f0d1;text-overflow:ellipsis;white-space:nowrap;flex:0 0 96px;min-width:0;font-size:10px;overflow:hidden}.hos-fieldctrl-row .hos-slider{flex:auto;min-width:64px}.hos-fieldctrl-row .rowval{font-variant-numeric:tabular-nums;color:#7de0ff;text-align:right;flex:0 0 46px;font-size:10px}.hos-fieldctrl-body button.rst,.hos-fieldctrl-grouphd button.grpreset{cursor:pointer;flex:none;width:16px;font-size:12px;line-height:1;height:16px!important;min-height:0!important;box-shadow:none!important;color:#b0a2ff!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;transform:none!important}.hos-fieldctrl-body button.rst:hover,.hos-fieldctrl-grouphd button.grpreset:hover{color:#d6ccff!important}.hos-fieldctrl-body button.lock{cursor:pointer;flex:none;justify-content:center;align-items:center;width:16px;display:inline-flex;height:16px!important;min-height:0!important;box-shadow:none!important;color:#a0afcd6b!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;transform:none!important}.hos-fieldctrl-body button.lock:hover{color:#ccd8ecd9!important}.hos-fieldctrl-body button.lock.on{color:#7de0ff!important}.hos-fieldctrl-body button.lock.on:hover{color:#acecff!important}.hos-fieldctrl-row.locked .lbl{color:#b0deff}.hos-fieldctrl-foot{gap:6px;margin-top:4px;display:flex}.hos-fieldctrl-foot button{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#dce6f0b3;cursor:pointer;background:#12182099;border:1px solid #7e8c9c40;border-radius:7px;flex:1;padding:7px 4px;font-size:9px}.hos-fieldctrl-foot button:hover{color:var(--volt-bright);border-color:#6fe9ff80}.hos-fieldctrl-foot button.rnd{color:#d6ccff!important;box-shadow:none!important;background:#9b8cff29!important;border:1px solid #9b8cff80!important}.hos-fieldctrl-foot button.rnd:hover{color:#fff!important;background:#9b8cff47!important;border-color:#9b8cffd9!important}.hos-fieldctrl-status{white-space:nowrap;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--volt-bright);align-items:center;padding:0 2px;font-size:9px;display:flex}.hos-fieldctrl-status:empty{display:none}.hos-fieldctrl-foot button.hudtoggle.on{color:var(--volt-bright)!important;background:#6fe9ff1f!important;border-color:#6fe9ff99!important}@media (width<=640px){.hos-fieldctrl{top:max(58px, calc(env(safe-area-inset-top,0px) + 14px));left:calc(env(safe-area-inset-left,0px) + 14px);right:calc(env(safe-area-inset-right,0px) + 14px);max-width:none}.hos-fieldctrl-body{width:auto;max-height:min(52dvh,100dvh - 238px);padding-bottom:14px}.hos-viz-hud{padding:calc(env(safe-area-inset-top,0px) + 12px) calc(env(safe-area-inset-right,0px) + 14px) calc(env(safe-area-inset-bottom,0px) + 16px) calc(env(safe-area-inset-left,0px) + 14px);justify-content:flex-end}.hos-viz-title{display:none}.hos-viz-ctrl-stack{width:min(100%,430px);max-width:min(100%,430px)}.hos-viz-ctrl{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;align-self:center;gap:8px;width:100%;display:grid}.hos-viz-ctrl button,.hos-viz-peek,.hos-viz-selectwrap{letter-spacing:.12em;border-radius:9px;min-height:40px;padding:8px;font-size:9px}.hos-viz-ctrl>.hos-viz-selectwrap,.hos-viz-ctrl>button{grid-column:span 2;min-width:0}.hos-viz-pop{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:none;display:grid}.hos-viz-pop-label{grid-column:1/-1;margin-bottom:0}.hos-viz-pop>.hos-viz-selectwrap,.hos-viz-pop>button{grid-column:span 2;min-width:0;min-height:40px}.hos-viz-peek{right:calc(env(safe-area-inset-right,0px) + 14px);bottom:calc(env(safe-area-inset-bottom,0px) + 16px)}.hos-viz-chrome{top:max(58px, calc(env(safe-area-inset-top,0px) + 14px));right:calc(env(safe-area-inset-right,0px) + 14px)}.hos-viz-export{top:max(58px, calc(env(safe-area-inset-top,0px) + 14px));white-space:nowrap;max-width:calc(100vw - 28px);left:50%;right:auto;transform:translate(-50%)}}.hos-rail.left,.hos-rail.right{background-image:radial-gradient(#ffffff05 1px,#0000 1.4px);background-size:5px 5px}.hos.light .hos-rail.left,.hos.light .hos-rail.right{background-image:radial-gradient(#14201e0d 1px,#0000 1.4px)}.hos .os-chip{font-family:var(--pixel);letter-spacing:.01em;color:var(--bg);background:var(--volt);box-shadow:0 0 10px var(--volt-dim);border-radius:3px;margin-left:6px;padding:0 5px;font-size:13px;font-weight:600;line-height:1.45}.hos .elek{--elek-ink:var(--elek-phosphor,#d4f5dd);--elek-bg:var(--elek-glass,#04100c);font-family:var(--pixel);color:var(--elek-ink);background:linear-gradient(0deg, #0006, transparent 55%), var(--elek-bg);box-shadow:var(--well-in), 0 0 0 1px var(--edge-hi), 0 0 22px color-mix(in srgb, var(--elek-ink) 14%, transparent) inset;border:1px solid #000000b3;border-radius:8px;padding:13px 15px 14px;position:relative;overflow:hidden}.hos .elek:after{content:"";pointer-events:none;mix-blend-mode:screen;opacity:.55;background:repeating-linear-gradient(0deg,#00000042 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 3px);position:absolute;inset:0}.hos .elek-head{z-index:1;align-items:center;gap:9px;height:32px;margin-bottom:14px;display:flex;position:relative}.hos .elek-tag{font-family:var(--pixel);letter-spacing:.02em;color:var(--elek-bg);background:var(--elek-ink);border-radius:3px;padding:0 6px;font-size:14px;font-weight:600;line-height:1.5}.hos .elek-title{min-width:0;font-family:var(--pixel);letter-spacing:.05em;white-space:nowrap;text-shadow:0 0 9px color-mix(in srgb, var(--elek-ink) 45%, transparent);flex:1 1 0;font-size:24px;font-weight:700;overflow:hidden}.hos .elek-title-in{white-space:nowrap;display:inline-block}.hos .elek-title-in.scroll{animation:6.5s ease-in-out infinite alternate hos-status-scroll}.hos .elek-glyph{width:22px;height:18px}.hos .elek-glyph svg{width:100%;height:100%;display:block}.hos .elek-tempo{font-family:var(--pixel);align-items:center;gap:5px;margin-left:auto;font-size:18px;display:flex}.hos .elek-editing .elek-tempo{font-size:26px;font-weight:700}.hos .elek-editing .elek-title{letter-spacing:.04em}.hos .elek-cells{z-index:1;grid-template-columns:repeat(5,1fr);gap:13px 8px;display:grid;position:relative}.hos .elek-cell{justify-items:center;gap:6px;display:grid}.hos .elek-ic{border:1.6px solid var(--elek-ink);width:46px;height:32px;box-shadow:0 0 7px color-mix(in srgb, var(--elek-ink) 22%, transparent);border-radius:3px;place-items:center;display:grid}.hos .elek-ic.plain{box-shadow:none;border:0}.hos .elek-ic svg{shape-rendering:geometricprecision;width:100%;height:100%;display:block}.hos .elek-ic [stroke]{stroke:var(--elek-ink)}.hos .elek-ic [data-fill]{fill:var(--elek-ink);stroke:none}.hos .elek-cell span{font-family:var(--pixel);letter-spacing:.06em;font-size:13px}.hos .elek-cell.boxed{gap:3px}.hos .elek-num{border:1.6px solid var(--elek-ink);min-width:46px;height:32px;font-family:var(--pixel);border-radius:3px;place-items:center;font-size:19px;font-weight:600;display:grid}.hos .elek-strip{align-items:center;gap:8px;padding:6px 10px;display:flex}.hos .elek-strip .elek-tag{font-size:12px}.hos .elek-strip .elek-title{letter-spacing:.04em;font-size:16px}.hos .elek-strip .elek-tempo{margin-left:0;font-size:14px}.hos.skin-detroit{--bg:#090909;--chrome:#0c0c0d;--panel:#101011;--raised:#161618;--raised-2:#1d1d20;--well:#040404;--screen:#0a0606;--line:#c6ced414;--line-2:#c6ced42b;--edge-hi:#ffffff0d;--ink:#eceef0;--ink-2:#eceef09e;--ink-3:#eceef05c;--volt:#ff3a2c;--volt-bright:#ff7a63;--volt-dim:#ff3a2c29;--volt-line:#ff3a2c70;--violet:#c3ccd4;--hot:#ff3a2c;--amber:#e8c33a;--phosphor:#ff5a3c;--glow:0 0 0 1px var(--volt-line), 0 0 14px #ff3a2c4d;--elek-phosphor:#ff6a4c;--elek-glass:#0c0404}.hos.skin-detroit .hos-stage{background:repeating-linear-gradient(135deg, #ffffff03 0 2px, transparent 2px 7px), var(--panel)}.hos.skin-orbital{--bg:#090703;--chrome:#0d0a05;--panel:#120e07;--raised:#19140b;--raised-2:#221b0f;--well:#070401;--screen:#0a0600;--line:#ffbe781a;--line-2:#ffbe7833;--edge-hi:#ffd2960d;--ink:#f6e7cf;--ink-2:#f6e7cf99;--ink-3:#f6e7cf5c;--volt:#ffb000;--volt-bright:#ffd06a;--volt-dim:#ffb00029;--volt-line:#ffb0006b;--violet:#ff7a3d;--hot:#ff5630;--amber:#ffb000;--phosphor:#ffd06a;--glow:0 0 0 1px var(--volt-line), 0 0 14px #ffb0004d;--elek-phosphor:#ffce6a;--elek-glass:#0a0600}.hos.skin-orbital .hos-stage{background:repeating-linear-gradient(0deg, #ffb00006 0 1px, transparent 1px 3px), var(--panel)}.hos .skin-pip{border-radius:99px;width:13px;height:13px;box-shadow:inset 0 0 0 1px #ffffff2e}.hos-pad.k-trig{background:linear-gradient(#36372f,#232420);box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #00000052}.hos-pad.k-trig:before{content:"";z-index:3;background:#829ea847;border-radius:99px;width:4px;height:4px;position:absolute;top:4px;right:4px}.hos-pad.k-trig.on{background:linear-gradient(180deg, color-mix(in srgb, var(--volt) 44%, #2b2c26), color-mix(in srgb, var(--volt) 12%, #1b1c17));box-shadow:inset 0 1px 0 #fff3, inset 0 0 0 1px var(--volt-line), 0 0 13px #6fe9ff38}.hos-pad.k-trig.on:after{display:none}.hos-pad.k-trig.on:before{background:var(--volt-bright);box-shadow:0 0 7px var(--volt)}.hos-pad.k-trig.play{box-shadow:inset 0 1px 0 #ffffff42, inset 0 0 0 2px var(--volt-bright), 0 0 17px #6fe9ff73}.hos-pad.k-ring{background:linear-gradient(#2f302a,#20211d)}.hos-pad.k-ring.on{box-shadow:inset 0 0 0 1.5px var(--volt), 0 0 11px #6fe9ff29;background:linear-gradient(#2c2d27,#1d1e1a)}.hos-pad.k-ring.on:after{background:var(--volt-bright);width:5px;height:5px;box-shadow:0 0 7px var(--volt);opacity:1;border-radius:99px;inset:auto auto 50% 50%;transform:translate(-50%,50%)}.hos-pad.k-ring.play{box-shadow:inset 0 0 0 2px var(--volt-bright), 0 0 15px #6fe9ff66}.hos .elek-cell.live{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;border-radius:6px;padding:4px 2px;transition:background .12s}.hos .elek-cell.live:hover .elek-ic{box-shadow:0 0 11px color-mix(in srgb, var(--elek-ink) 40%, transparent)}.hos .elek-cell.sel{background:var(--elek-phosphor,#d4f5dd);--elek-ink:var(--elek-glass,#04100c)}.hos .elek-cell.sel span,.hos .elek-cell.sel .elek-val{color:var(--elek-glass,#04100c)}.hos .elek-val{font-family:var(--pixel);font-size:13px;font-weight:600}.hos .elek-fill{background:color-mix(in srgb, var(--elek-ink) 20%, transparent);border-radius:2px;width:46px;height:3px;overflow:hidden}.hos .elek-fill i{background:var(--elek-ink);height:100%;display:block}.hos .elek-live{gap:12px;display:grid}.hos .elek-encoders{border:1px solid var(--line);background:linear-gradient(180deg, var(--raised), var(--panel));box-shadow:var(--lift);border-radius:10px;grid-template-columns:repeat(5,1fr);justify-items:center;padding:14px 14px 12px;display:grid}.hos .knob-focus .knob-dial{box-shadow:var(--lift), var(--glow)}.hos .knob-focus .knob-label{color:var(--volt-bright)}.show{width:100%;position:relative}.show-inner{transform-origin:0 0;position:absolute;top:0;left:0}.show-inner.framed{border:1px solid var(--line-2);box-shadow:0 30px 80px #00000080, 0 2px 0 var(--edge-hi) inset;border-radius:16px;overflow:hidden}.hos.light .show-inner.framed{box-shadow:0 24px 60px #14201e29, 0 2px 0 var(--edge-hi) inset}.hos.light.skin-fides{--bg:#fff;--chrome:#fff;--panel:#fff;--raised:#fff;--raised-2:#fff;--well:#f3f3f3;--screen:#fff;--line:#00000024;--line-2:#0000008c;--edge-hi:transparent;--ink:#0b0b0b;--ink-2:#0b0b0b99;--ink-3:#0b0b0b6b;--volt:#0b0b0b;--volt-bright:#000;--volt-dim:#0000000f;--volt-line:#000;--violet:#0b0b0b;--hot:#0b0b0b;--amber:#0b0b0b;--phosphor:#000;--lift:none;--press:none;--well-in:inset 0 0 0 1px #00000024;--glow:0 0 0 2px #000;--elek-phosphor:#0b0b0b;--elek-glass:#fff}.hos.skin-fides .hos-stage{background:#fff}.hos.skin-fides .hos-track.armed{background:#0000000a}.hos.skin-fides .hos-rail.left,.hos.skin-fides .hos-rail.right{background-image:none}.hos.skin-fides .hos-brand,.hos.skin-fides .hos-transport,.hos.skin-fides .hos-macros,.hos.skin-fides .hos-grid,.hos.skin-fides .hos-strip,.hos.skin-fides .hos-master,.hos.skin-fides .hos-pedal,.hos.skin-fides .hos-mod,.hos.skin-fides .hos-encoders,.hos.skin-fides .elek-encoders,.hos.skin-fides .kit-cell,.hos.skin-fides .hos-terr,.hos.skin-fides .hos-cart{box-shadow:none;background:#fff}.hos.skin-fides .hos-master{border-color:#000}.hos.skin-fides .hos-terr.on{box-shadow:inset 3px 0 #000}.hos.skin-fides .hos-mark{box-shadow:none;background:#fff;border:1px solid #000}.hos.skin-fides .os-chip{box-shadow:none}.hos.skin-fides .key{box-shadow:none;background:#fff;border:1px solid #000}.hos.skin-fides .key.on,.hos.skin-fides .key.danger.on{color:#fff;box-shadow:none;background:#0b0b0b;border-color:#000}.hos.skin-fides .key.tiny.live{animation:none}.hos.skin-fides .tkey{box-shadow:none;background:#fff;border:1px solid #000}.hos.skin-fides .tkey.play.on{color:#fff;box-shadow:none;background:#0b0b0b}.hos.skin-fides .seg{box-shadow:none;background:#fff;border:1px solid #000}.hos.skin-fides .seg button.on{color:#fff;box-shadow:none;background:#0b0b0b}.hos.skin-fides .msbtn{box-shadow:none;background:#fff;border-color:#000}.hos.skin-fides .msbtn.s.on,.hos.skin-fides .msbtn.m.on{color:#fff;background:#0b0b0b;border-color:#000}.hos.skin-fides .knob-dial{box-shadow:none;background:#fff;border:1px solid #000}.hos.skin-fides .knob-track{stroke:#0000002e}.hos.skin-fides .knob-arc{stroke:#0b0b0b;filter:none}.hos.skin-fides .knob-cap{fill:#fff;stroke:#000}.hos.skin-fides .knob-pointer{stroke:#0b0b0b;filter:none}.hos.skin-fides .knob-focus .knob-dial{box-shadow:0 0 0 2px #000}.hos.skin-fides .hos-pad,.hos.skin-fides .hos-pad.k-trig,.hos.skin-fides .hos-pad.k-ring{background:#fff;box-shadow:inset 0 0 0 1px #0003}.hos.skin-fides .hos-pad.q{background:#f4f4f4}.hos.skin-fides .hos-pad.on,.hos.skin-fides .hos-pad.k-trig.on{background:#0b0b0b;box-shadow:inset 0 0 0 1px #000}.hos.skin-fides .hos-pad.on:after{display:none}.hos.skin-fides .hos-pad.k-trig.on:before{box-shadow:none;background:#fff}.hos.skin-fides .hos-pad.k-ring.on{background:#fff;box-shadow:inset 0 0 0 1.5px #000}.hos.skin-fides .hos-pad.k-ring.on:after{box-shadow:none;background:#000}.hos.skin-fides .hos-pad.play{box-shadow:inset 0 0 0 2px #000}.hos.skin-fides .hos-pad .fill{box-shadow:none;background:#0b0b0b}.hos.skin-fides .hos-pad .lbl{color:#fff}.hos.skin-fides .hos-pad.k-ring.on .lbl{color:#000}.hos.skin-fides .led{box-shadow:none;background:#0b0b0b}.hos.skin-fides .led.off{box-shadow:none;background:#0000001f}.hos.skin-fides .hos-cart{border-color:#000}.hos.skin-fides .hos-cart:before{background:#0b0b0b}.hos.skin-fides .hos-cart .notch{opacity:.8;background:repeating-linear-gradient(#0b0b0b 0 2px,#0000 2px 4px)}.hos.skin-fides .hos-cart .load{border-color:#000}.hos.skin-fides .meter i{background:#0000001f}.hos.skin-fides .meter i.on,.hos.skin-fides .meter i.warn,.hos.skin-fides .meter i.hot{box-shadow:none;background:#0b0b0b}.hos.skin-fides .screen{box-shadow:none;text-shadow:none;color:#0b0b0b;background:#fff;border:1px solid #000}.hos.skin-fides .screen small{color:#0b0b0b8c}.hos.skin-fides .hos-slider .rail{background:#f0f0f0;box-shadow:inset 0 0 0 1px #0000002e}.hos.skin-fides .hos-slider .val{box-shadow:none;background:#0b0b0b}.hos.skin-fides .hos-slider .thumb{box-shadow:none;background:#fff;border:1px solid #000}.hos.skin-fides .hos-fader-track{background:#f0f0f0;box-shadow:inset 0 0 0 1px #0000002e}.hos.skin-fides .hos-fader-fill{background:#0b0b0b}.hos.skin-fides .hos-fader-cap{box-shadow:none;background:#fff;border:1px solid #000}.hos.skin-fides .hos-fader-cap:after{border-top-color:#000}.hos.skin-fides .elek{box-shadow:none;background:#fff;border:1px solid #000}.hos.skin-fides .elek:after{display:none}.hos.skin-fides .elek-title{text-shadow:none}.hos.skin-fides .elek-ic,.hos.skin-fides .elek-tag,.hos.skin-fides .mini-keys,.hos.skin-fides .hos-keys{box-shadow:none}.show-inner.framed:has(.skin-fides){box-shadow:none;border:1px solid #000000b3}.hos.skin-fides-dark{--bg:#0a0a0a;--chrome:#0a0a0a;--panel:#0a0a0a;--raised:#0a0a0a;--raised-2:#0a0a0a;--well:#161616;--screen:#0a0a0a;--line:#ffffff29;--line-2:#fff9;--edge-hi:transparent;--ink:#f4f4f4;--ink-2:#f4f4f49e;--ink-3:#f4f4f46b;--volt:#f4f4f4;--volt-bright:#fff;--volt-dim:#ffffff14;--volt-line:#fff;--violet:#f4f4f4;--hot:#f4f4f4;--amber:#f4f4f4;--phosphor:#fff;--lift:none;--press:none;--well-in:inset 0 0 0 1px #ffffff29;--glow:0 0 0 2px #fff;--elek-phosphor:#f4f4f4;--elek-glass:#0a0a0a;color:#f4f4f4;background:#0a0a0a}.hos.skin-fides-dark .hos-stage,.hos.skin-fides-dark .hos-brand,.hos.skin-fides-dark .hos-transport,.hos.skin-fides-dark .hos-macros,.hos.skin-fides-dark .hos-grid,.hos.skin-fides-dark .hos-strip,.hos.skin-fides-dark .hos-master,.hos.skin-fides-dark .hos-pedal,.hos.skin-fides-dark .hos-mod,.hos.skin-fides-dark .hos-encoders,.hos.skin-fides-dark .elek-encoders,.hos.skin-fides-dark .kit-cell,.hos.skin-fides-dark .hos-terr,.hos.skin-fides-dark .hos-cart{background:#0a0a0a}.hos.skin-fides-dark .hos-track.armed{background:#ffffff0d}.hos.skin-fides-dark .hos-master{border-color:#fff}.hos.skin-fides-dark .hos-terr.on{box-shadow:inset 3px 0 #fff}.hos.skin-fides-dark .hos-mark{background:#0a0a0a;border:1px solid #fff}.hos.skin-fides-dark .key{color:#f4f4f4;background:#0a0a0a;border:1px solid #ffffff80}.hos.skin-fides-dark .key.on,.hos.skin-fides-dark .key.danger.on{color:#0a0a0a;background:#f4f4f4;border-color:#fff}.hos.skin-fides-dark .tkey{color:#f4f4f4;background:#0a0a0a;border:1px solid #ffffff80}.hos.skin-fides-dark .tkey.play.on{color:#0a0a0a;background:#f4f4f4}.hos.skin-fides-dark .seg{background:#0a0a0a;border:1px solid #ffffff80}.hos.skin-fides-dark .seg button.on{color:#0a0a0a;background:#f4f4f4}.hos.skin-fides-dark .msbtn{color:#f4f4f4;background:#0a0a0a;border-color:#ffffff80}.hos.skin-fides-dark .msbtn.s.on,.hos.skin-fides-dark .msbtn.m.on{color:#0a0a0a;background:#f4f4f4;border-color:#fff}.hos.skin-fides-dark .knob-dial{background:#0a0a0a;border:1px solid #fff}.hos.skin-fides-dark .knob-track{stroke:#ffffff38}.hos.skin-fides-dark .knob-arc{stroke:#f4f4f4}.hos.skin-fides-dark .knob-cap{fill:#0a0a0a;stroke:#fff}.hos.skin-fides-dark .knob-pointer{stroke:#f4f4f4}.hos.skin-fides-dark .knob-focus .knob-dial{box-shadow:0 0 0 2px #fff}.hos.skin-fides-dark .hos-pad,.hos.skin-fides-dark .hos-pad.k-trig,.hos.skin-fides-dark .hos-pad.k-ring{background:#0a0a0a;box-shadow:inset 0 0 0 1px #ffffff38}.hos.skin-fides-dark .hos-pad.q{background:#141414}.hos.skin-fides-dark .hos-pad.on,.hos.skin-fides-dark .hos-pad.k-trig.on{background:#f4f4f4;box-shadow:inset 0 0 0 1px #fff}.hos.skin-fides-dark .hos-pad.k-trig.on:before{background:#0a0a0a}.hos.skin-fides-dark .hos-pad.k-ring.on{background:#0a0a0a;box-shadow:inset 0 0 0 1.5px #fff}.hos.skin-fides-dark .hos-pad.k-ring.on:after{background:#fff}.hos.skin-fides-dark .hos-pad.play{box-shadow:inset 0 0 0 2px #fff}.hos.skin-fides-dark .hos-pad .fill{background:#f4f4f4}.hos.skin-fides-dark .hos-pad .lbl{color:#f4f4f4}.hos.skin-fides-dark .hos-pad.on .lbl,.hos.skin-fides-dark .hos-pad.k-trig.on .lbl{color:#0a0a0a}.hos.skin-fides-dark .hos-pad.k-ring.on .lbl{color:#f4f4f4}.hos.skin-fides-dark .led{background:#f4f4f4}.hos.skin-fides-dark .led.off{background:#ffffff29}.hos.skin-fides-dark .hos-cart{border-color:#fff}.hos.skin-fides-dark .hos-cart:before{background:#f4f4f4}.hos.skin-fides-dark .hos-cart .notch{background:repeating-linear-gradient(#f4f4f4 0 2px,#0000 2px 4px)}.hos.skin-fides-dark .hos-cart .load{border-color:#fff}.hos.skin-fides-dark .meter i{background:#ffffff29}.hos.skin-fides-dark .meter i.on,.hos.skin-fides-dark .meter i.warn,.hos.skin-fides-dark .meter i.hot{box-shadow:none;background:#f4f4f4}.hos.skin-fides-dark .screen{color:#f4f4f4;background:#0a0a0a;border:1px solid #fff}.hos.skin-fides-dark .screen small{color:#f4f4f48c}.hos.skin-fides-dark .hos-slider .rail,.hos.skin-fides-dark .hos-fader-track{background:#161616;box-shadow:inset 0 0 0 1px #ffffff2e}.hos.skin-fides-dark .hos-slider .val,.hos.skin-fides-dark .hos-fader-fill{background:#f4f4f4}.hos.skin-fides-dark .hos-slider .thumb,.hos.skin-fides-dark .hos-fader-cap{background:#0a0a0a;border:1px solid #fff}.hos.skin-fides-dark .hos-fader-cap:after{border-top-color:#fff}.hos.skin-fides-dark .elek{background:#0a0a0a;border:1px solid #fff}.hos.skin-pop{--r-xs:6px;--r-sm:10px;--r:13px;--r-lg:18px;--radius:13px;--pop-spring:cubic-bezier(.3, 1.6, .5, 1);--bg:#1b1813;--chrome:#211d18;--panel:#262219;--raised:#302a21;--raised-2:#3b342a;--well:#13100b;--screen:#181208;--line:#f7f0dd29;--line-2:#f7f0dd73;--edge-hi:transparent;--edge-lo:#0009;--ink:#f7f0dd;--ink-2:#f7f0dda3;--ink-3:#f7f0dd66;--volt:#7388ff;--volt-bright:#a9b6ff;--volt-dim:#7388ff2e;--volt-line:#7388ff8c;--violet:#ff58b0;--violet-dim:#ff58b02e;--hot:#ff4f33;--amber:#ffc233;--phosphor:#ffd23f;--lift:0 1px 0 #00000073;--pop-note:0 2.5px 0 #0009;--press:inset 0 2px 0 #00000073;--well-in:inset 0 2px 0 #0006, inset 0 0 0 1px #00000059;--glow:0 0 0 2px var(--volt);--elek-phosphor:#ffd23f;--elek-glass:#181208}.hos.light.skin-pop{--bg:#f4eddc;--chrome:#faf5e7;--panel:#ede4cc;--raised:#fffaef;--raised-2:#fff;--well:#e6dcbd;--screen:#201913;--line:#221b124d;--line-2:#221b129e;--edge-hi:transparent;--edge-lo:#221b1233;--ink:#221b12;--ink-2:#221b12a8;--ink-3:#221b1270;--volt:#2c49ef;--volt-bright:#1d36d8;--volt-dim:#2c49ef21;--volt-line:#2c49ef8c;--violet:#e93a9b;--violet-dim:#e93a9b29;--hot:#e8331c;--amber:#f5a800;--phosphor:var(--volt);--lift:0 1px 0 #221b1259;--pop-note:0 2.5px 0 #221b12bf;--press:inset 0 2px 0 #221b1224;--well-in:inset 0 2px 0 #221b121f, inset 0 0 0 1px #221b122e;--glow:0 0 0 2px var(--volt);--elek-phosphor:#ffd23f;--elek-glass:#201913;--panel-2:#f1e9d2;--panel-3:#e6dcc0;--pad:#efe6cd;--pad-lit:#221b12;--line-strong:#221b1280;--muted:#221b12a8;--faint:#221b1270;--display:#ffd23f;--accent:#e8331c;--accent-ink:#fff;--surface-raised:#fffaef;--surface-control:#fdf7e9;--surface-well:#e6dcbd;--light-device:#241d14;--light-device-ink:#f8f2e2;--shadow-raised:0 1px 0 #221b1259;--shadow-pressed:inset 0 2px 0 #221b1224;--shadow-soft:0 1px 0 #221b124d}.hos.skin-pop.skin-pop .hos-stage{background:radial-gradient(#f7f0dd0b 1.2px, transparent 1.7px), var(--panel);background-size:15px 15px}.hos.light.skin-pop.skin-pop .hos-stage{background:radial-gradient(#221b120e 1.2px, transparent 1.7px), var(--panel);background-size:15px 15px}.hos.skin-pop.skin-pop .hos-rail.left,.hos.skin-pop.skin-pop .hos-rail.right{background-image:none}.hos.skin-pop.skin-pop .key{border:1.5px solid var(--line-2);background:var(--raised);box-shadow:var(--lift);transition:transform .16s var(--pop-spring), background .13s ease, color .13s ease, box-shadow .13s ease, border-color .13s ease}.hos.skin-pop.skin-pop .key:hover{transform:translateY(-1px)}.hos.skin-pop.skin-pop .key:active{box-shadow:var(--press);transform:translateY(2px)}.hos.skin-pop.skin-pop .key.on{color:#fff;border-color:var(--volt-bright);background:var(--volt);box-shadow:var(--lift)}.hos.skin-pop.skin-pop .key.danger.on{background:var(--hot);border-color:var(--hot);box-shadow:var(--lift)}.hos.skin-pop.skin-pop .key:focus-visible{box-shadow:var(--lift), var(--glow)}.hos.skin-pop.skin-pop .tkey{border:1.5px solid var(--line-2);background:var(--raised);box-shadow:var(--lift);transition:transform .16s var(--pop-spring), color .13s ease, box-shadow .13s ease, border-color .13s ease, background .13s ease}.hos.skin-pop.skin-pop .tkey:active{box-shadow:var(--press);transform:translateY(2px)}.hos.skin-pop.skin-pop .tkey.play.on{background:var(--volt);color:#fff;border-color:var(--volt-bright);box-shadow:var(--lift)}.hos.skin-pop.skin-pop .seg{border:1.5px solid var(--line-2);background:var(--well);box-shadow:none}.hos.skin-pop.skin-pop .seg button{transition:color .12s ease, background .12s ease, box-shadow .12s ease, transform .16s var(--pop-spring)}.hos.skin-pop.skin-pop .seg button:active{transform:scale(.95)}.hos.skin-pop.skin-pop .seg button[aria-selected=true],.hos.skin-pop.skin-pop .seg button.on{color:#fff;background:var(--volt);box-shadow:0 1.5px #00000059}.hos.skin-pop.skin-pop .msbtn{border:1.5px solid var(--line-2);background:var(--raised);box-shadow:var(--lift)}.hos.skin-pop.skin-pop .msbtn.m.on{background:var(--amber);color:#221b12;border-color:var(--amber)}.hos.skin-pop.skin-pop .msbtn.s.on{background:var(--volt);color:#fff;border-color:var(--volt)}.hos.skin-pop.skin-pop .knob-dial,.hos.light.skin-pop.skin-pop .knob-dial{background:var(--raised-2);box-shadow:var(--lift), inset 0 0 0 1.5px var(--line-2)}.hos.skin-pop.skin-pop .knob-track,.hos.light.skin-pop.skin-pop .knob-track{stroke:color-mix(in srgb, var(--ink) 18%, transparent)}.hos.skin-pop.skin-pop .knob-arc{stroke:var(--volt)}.hos.skin-pop.skin-pop .knob-arc,.hos.skin-pop.skin-pop .knob-pointer{filter:none!important}.hos.skin-pop.skin-pop .knob-cap,.hos.light.skin-pop.skin-pop .knob-cap{fill:var(--raised);stroke:var(--line-2);stroke-width:1.5px}.hos.skin-pop.skin-pop .knob-pointer{stroke:var(--violet);filter:none}.hos.skin-pop.skin-pop .knob-detent{stroke:color-mix(in srgb, var(--ink) 30%, transparent)}.hos.skin-pop.skin-pop .knob-detent.on{stroke:var(--volt)}.hos.skin-pop.skin-pop .knob-focus .knob-dial{box-shadow:var(--lift), var(--glow)}.hos.skin-pop.skin-pop .hos-pad,.hos.light.skin-pop.skin-pop .hos-pad{background:var(--raised);box-shadow:inset 0 0 0 1.5px var(--line);transition:box-shadow 90ms ease, transform .12s var(--pop-spring), background .1s ease}.hos.skin-pop.skin-pop .hos-pad.q,.hos.light.skin-pop.skin-pop .hos-pad.q{background:var(--panel)}.hos.skin-pop.skin-pop .hos-pad.on,.hos.light.skin-pop.skin-pop .hos-pad.on{background:var(--volt);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--volt) 70%, #000)}.hos.skin-pop.skin-pop .hos-pad.on:after{display:none}.hos.skin-pop.skin-pop .hos-pad .lbl{color:#ffffffeb}.hos.skin-pop.skin-pop .hos-pad .fill{background:var(--elek-phosphor);box-shadow:none}.hos.skin-pop.skin-pop .hos-pad.play,.hos.light.skin-pop.skin-pop .hos-pad.play,.hos.skin-pop.skin-pop .hos-pad.sel,.hos.light.skin-pop.skin-pop .hos-pad.sel{box-shadow:inset 0 0 0 2px var(--violet)}.hos.skin-pop.skin-pop .sq-pad,.hos.skin-pop.skin-pop .ez-pad{border:1.5px solid var(--line);background:var(--raised);box-shadow:none}.hos.skin-pop.skin-pop .sq-pad.beat,.hos.skin-pop.skin-pop .ez-pad.beat{background:var(--panel);box-shadow:none;border-color:var(--line)}.hos.skin-pop.skin-pop .sq-pad.on,.hos.skin-pop.skin-pop .ez-pad.on{background:var(--volt);border-color:color-mix(in srgb, var(--volt) 70%, #000);box-shadow:var(--lift)}.hos.skin-pop.skin-pop .sq-pad.on .sq-num,.hos.skin-pop.skin-pop .ez-pad.on .ez-num{color:#ffffffd9}.hos.skin-pop.skin-pop .sq-note,.hos.skin-pop.skin-pop .ez-note{color:#fff;text-shadow:none}.hos.skin-pop.skin-pop .sq-pad .sq-vel,.hos.skin-pop.skin-pop .ez-pad .ez-vel{background:var(--elek-phosphor);box-shadow:none}.hos.skin-pop.skin-pop .sq-pad.accent .sq-vel,.hos.skin-pop.skin-pop .ez-pad.accent .ez-vel{background:#fffc}.hos.skin-pop.skin-pop .sq-pad.accent.on,.hos.skin-pop.skin-pop .ez-pad.accent.on{background:var(--amber);border-color:color-mix(in srgb, var(--amber) 70%, #000)}.hos.skin-pop.skin-pop .sq-pad.accent.on .sq-num,.hos.skin-pop.skin-pop .ez-pad.accent.on .ez-num{color:#221b12cc}.hos.skin-pop.skin-pop .sq-pad.accent.on .sq-note,.hos.skin-pop.skin-pop .ez-pad.accent.on .ez-note{color:#221b12}.hos.skin-pop.skin-pop .sq-pad.ph,.hos.skin-pop.skin-pop .ez-pad.ph{box-shadow:0 0 0 2.5px var(--violet);animation:none}.hos.skin-pop.skin-pop .sq-pad:active,.hos.skin-pop.skin-pop .ez-pad:active{transform:scale(.92)}.hos.skin-pop.skin-pop .hos-mobile .m-nav button.on .ico{background:var(--volt);color:#fff;box-shadow:0 1.5px #0006}.hos.skin-pop.skin-pop .hos-mobile .m-chip{border:1.5px solid var(--line-2);box-shadow:none;font-weight:700}.hos.skin-pop.skin-pop .hos-mobile .m-nav button.on .ico{transform:translateY(-1px)scale(1.08)}.hos.skin-pop.skin-pop .ez-genre{border-width:1.5px}.hos.skin-pop.skin-pop .ez-genre.on{background:var(--volt);border-color:var(--volt-bright);color:#fff;box-shadow:var(--lift)}.hos.skin-pop.skin-pop .ez-genre.on .ez-genre-n{color:#fff;box-shadow:none;background:#ffffff2e}.hos.skin-pop.skin-pop .ez-genre.on .ez-genre-label{color:#fff}.hos.skin-pop.skin-pop .ez-kit,.hos.skin-pop.skin-pop .md-machine{background:var(--raised);border-width:1.5px}.hos.skin-pop.skin-pop .ez-kit.on{background:var(--volt);border-color:var(--volt-bright);color:#fff}.hos.skin-pop.skin-pop .md-machine.on{background:var(--violet);border-color:var(--violet);color:#fff;box-shadow:var(--lift)}.hos.skin-pop.skin-pop .md-lane.on{background:var(--volt);border-color:var(--volt);color:#fff;box-shadow:var(--lift)}.hos.skin-pop.skin-pop .ss-pick.on,.hos.skin-pop.skin-pop .ss-degbtn.on,.hos.skin-pop.skin-pop .nr-note.on{background:var(--volt);color:#fff;border-color:var(--volt-bright);box-shadow:var(--lift)}.hos.skin-pop.skin-pop .md-dot.on:after{background:var(--volt);box-shadow:none}.hos.skin-pop.skin-pop .sq-nav-cells i.on,.hos.skin-pop.skin-pop .ez-lane-cells i.on{box-shadow:none}.hos.skin-pop.skin-pop .screen,.hos.light.skin-pop.skin-pop .screen{color:var(--elek-phosphor);text-shadow:0 0 8px #ffd23f4d;border:1px solid #000000b3}.hos.skin-pop.skin-pop .elek-title{text-shadow:0 0 9px #ffd23f66}.hos.skin-pop.skin-pop .screen .nr-read b,.hos.skin-pop.skin-pop .screen .nr-read span{color:var(--elek-phosphor)}.hos.skin-pop.skin-pop .screen .nr-read.empty b,.hos.skin-pop.skin-pop .screen .nr-read.empty span{color:color-mix(in srgb, var(--elek-phosphor) 55%, transparent)}.hos.skin-pop.skin-pop .meter i.on,.hos.light.skin-pop.skin-pop .meter i.on,.hos.skin-pop.skin-pop .meter i.warn,.hos.light.skin-pop.skin-pop .meter i.warn,.hos.skin-pop.skin-pop .meter i.hot,.hos.light.skin-pop.skin-pop .meter i.hot{box-shadow:none}.hos.light.skin-pop.skin-pop .hos-fader-meter .meter{background:var(--well);box-shadow:var(--well-in)}.hos.light.skin-pop.skin-pop .meter i:not(.on):not(.warn):not(.hot){background:#221b121a}.hos.skin-pop.skin-pop .hos-mobile .mg-spot{border-width:2.5px;border-radius:18px}.hos.skin-pop.skin-pop .x2-cell.on,.hos.skin-pop.skin-pop .x2-cell.on.accent{box-shadow:none}.hos.skin-pop.skin-pop .x2-preset.on{background:var(--volt);border-color:var(--volt-bright);color:#fff;box-shadow:var(--lift)}.hos.skin-pop.skin-pop .x2-preset.on span{color:#fff}.hos.skin-pop.skin-pop .x2-key{background:var(--raised);border-width:1.5px}.hos.skin-pop.skin-pop .tkey.rec.on{box-shadow:var(--lift), 0 0 0 1.5px var(--hot)}.hos.skin-pop.skin-pop .x2-row,.hos.skin-pop.skin-pop .x2-knobs,.hos.skin-pop.skin-pop .x2-preset{border-color:#0000}.hos.skin-pop.skin-pop .x2-preset.on{border-color:var(--volt-bright)}.hos.skin-pop.skin-pop .x2-row.on{border-color:var(--volt-line)}.hos.skin-pop.skin-pop .x2-key,.hos.skin-pop.skin-pop .ss-degbtn,.hos.skin-pop.skin-pop .ss-pick,.hos.skin-pop.skin-pop .nr-note,.hos.skin-pop.skin-pop .sq-pad.on,.hos.skin-pop.skin-pop .ez-pad.on,.hos.skin-pop.skin-pop .sq-pad.accent.on,.hos.skin-pop.skin-pop .ez-pad.accent.on{box-shadow:var(--pop-note)}.hos.skin-pop.skin-pop .x2-key:active{box-shadow:var(--press)}.hos.light.skin-pop.skin-pop .x2-cell:not(.on){background:#221b120f;box-shadow:inset 0 0 0 1px #221b123d}.hos.light.skin-pop.skin-pop .x2-cell.beat:not(.on){background:#221b121f}.hos.light.skin-pop.skin-pop .sq-pad,.hos.light.skin-pop.skin-pop .ez-pad{border-color:#221b1266}.hos.light.skin-pop.skin-pop .fx-toggle{background:var(--well);box-shadow:var(--well-in)}.hos.light.skin-pop.skin-pop .hos-keys .wk{background:linear-gradient(#fffaef,#f1e9d2);border-right-color:#221b1240}.hos.light.skin-pop.skin-pop .hos-keys .bk{background:linear-gradient(#221b12,#383022)}.hos.light.skin-pop.skin-pop .hos-keys .wk.lit,.hos.light.skin-pop.skin-pop .hos-keys .bk.lit{background:var(--volt);box-shadow:none}.hos.live,.lv{--trk-kick:#d86c5a;--trk-snare:#d99a44;--trk-clap:#cfc14a;--trk-hat:#8fb858;--trk-bass:#46b0a4;--trk-chords:#5a8cd0;--trk-motif:#9a7ed6;--trk-texture:#cf6fae;--trk-return:#d9c24a;--trk-main:#c9a23a}.hos.live{--bg:#1c1c1c;--chrome:#262626;--panel:#2b2b2b;--raised:#333;--raised-2:#3a3a3a;--well:#161616;--screen:#161616;--line:#0000006b;--line-2:#0009;--edge-hi:transparent;--ink:#d6d6d6;--ink-2:#d6d6d699;--ink-3:#d6d6d666;--volt:#cfcfcf;--volt-bright:#fff;--volt-dim:#ffffff14;--volt-line:#ffffff4d;--violet:#9a7ed6;--hot:#e2503a;--amber:#e8c33a;--phosphor:#cfcfcf;--lift:none;--press:inset 0 0 0 1px #0006;--well-in:inset 0 0 0 1px #00000073;--glow:0 0 0 1px #ffffff80;--r-xs:1px;--r-sm:2px;--r:2px;--r-lg:3px;--elek-phosphor:#cfcfcf;--elek-glass:#161616}.hos.live .hos-stage{background:var(--panel)}.hos.live .hos-rail.left,.hos.live .hos-rail.right{background-image:none}.hos.live .knob-dial{box-shadow:none;background:#3a3a3a;border:1px solid #141414}.hos.live .knob-track{stroke:#ffffff1f}.hos.live .knob-arc{stroke:#cfcfcf;filter:none}.hos.live .knob-cap{fill:#2e2e2e;stroke:#141414}.hos.live .knob-pointer{stroke:#e2e2e2;filter:none}.hos.live .knob-focus .knob-dial{box-shadow:0 0 0 1px #fff}.hos.live .hos-pad,.hos.live .hos-pad.k-trig,.hos.live .hos-pad.k-ring{background:#333;box-shadow:inset 0 0 0 1px #0006}.hos.live .hos-pad.q{background:#3a3a3a}.hos.live .hos-pad.on,.hos.live .hos-pad.k-trig.on{background:#cdcdcd;box-shadow:inset 0 0 0 1px #00000073}.hos.live .hos-pad.on:after{display:none}.hos.live .hos-pad.k-trig.on:before{box-shadow:none;background:#141414}.hos.live .hos-pad.k-ring.on{background:#cdcdcd;box-shadow:inset 0 0 0 1.5px #141414}.hos.live .hos-pad.k-ring.on:after{box-shadow:none;background:#141414}.hos.live .hos-pad.play{box-shadow:inset 0 0 0 2px #fff}.hos.live .hos-pad .fill{box-shadow:none;background:#cdcdcd}.hos.live .hos-pad .lbl{color:#161616}.hos.live .key{box-shadow:none;background:#383838;border:1px solid #141414}.hos.live .key.on{color:#141414;background:#cfcfcf;border-color:#141414}.hos.live .key.danger.on{color:#fff;background:#e2503a}.hos.live .tkey{box-shadow:none;background:#383838;border:1px solid #141414}.hos.live .tkey.play.on{color:#141414;box-shadow:none;background:#cfcfcf}.hos.live .seg{box-shadow:none;background:#1f1f1f;border:1px solid #141414}.hos.live .seg button.on{color:#fff;box-shadow:none;background:#3a3a3a}.hos.live .msbtn{box-shadow:none;background:#333;border-color:#141414}.hos.live .msbtn.s.on,.hos.live .msbtn.m.on{color:#141414;background:#cfcfcf;border-color:#141414}.hos.live .meter i{background:#ffffff14}.hos.live .meter i.on{box-shadow:none;background:#7ac84a}.hos.live .meter i.warn{box-shadow:none;background:#e8c33a}.hos.live .meter i.hot{box-shadow:none;background:#e2503a}.hos.live .screen{color:#cfcfcf;box-shadow:none;text-shadow:none;background:#161616;border:1px solid #000}.hos.live .elek{box-shadow:none;background:#161616;border:1px solid #000}.hos.live .elek:after{display:none}.hos.live .elek-title,.hos.live .elek-tag,.hos.live .screen{text-shadow:none}.hos.live .hos-track.armed{background:#ffffff0a}.lv{--bg:#1c1c1c;--chrome:#262626;--panel:#2b2b2b;--ink:#d6d6d6;--ink-2:#d6d6d699;--ink-3:#d6d6d666;background:var(--bg);height:100%;color:var(--ink);flex-direction:column;font-family:Archivo,system-ui,sans-serif;display:flex}.lv-mono{font-family:Spline Sans Mono,monospace}.lv-top{background:var(--chrome);border-bottom:1px solid #000;align-items:center;gap:16px;height:40px;padding:0 12px;display:flex}.lv-top .grp{color:var(--ink-2);align-items:center;gap:8px;font-family:Spline Sans Mono,monospace;font-size:11px;display:flex}.lv-top .grp b{color:var(--ink);font-weight:600}.lv-top .tempo{color:var(--ink);font-size:14px}.lv-top .pill{background:#1f1f1f;border:1px solid #000;border-radius:2px;padding:3px 7px}.lv-top .play{color:#7ac84a}.lv-top .spacer{flex:1}.lv-tile{background:#333;border:1px solid #000;border-radius:1px;width:12px;height:12px}.lv-main{flex:1;grid-template-columns:158px 1fr;min-height:0;display:grid}.lv-browser{background:var(--chrome);border-right:1px solid #000;padding:6px 0;overflow:auto}.lv-browser .grp{color:var(--ink-3);text-transform:uppercase;letter-spacing:.12em;padding:9px 10px 4px;font-size:8px;font-weight:600}.lv-browser .it{color:var(--ink-2);cursor:pointer;align-items:center;gap:7px;padding:3px 10px 3px 16px;font-size:11px;display:flex}.lv-browser .it:hover{background:#ffffff0a}.lv-browser .it.on{color:var(--ink);background:#ffffff12}.lv-browser .it i{background:var(--ink-3);border-radius:1px;width:6px;height:6px}.lv-grid{min-height:0;display:flex;overflow-x:auto}.lv-track{border-right:1px solid #000;flex-direction:column;flex:none;width:104px;min-height:0;display:flex}.lv-track.return{width:90px}.lv-thead{background:color-mix(in srgb, var(--trk,#888) 26%, var(--panel));border-bottom:1px solid #000;align-items:center;gap:6px;height:24px;padding:0 8px;display:flex}.lv-thead .dot{background:var(--trk,#888);border-radius:2px;flex:none;width:8px;height:8px}.lv-thead b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.lv-clips{background:var(--panel);gap:3px;padding:3px;display:grid}.lv-slot{height:24px;color:var(--ink-2);cursor:pointer;text-align:left;background:#2a2a2a;border:0;border-radius:2px;align-items:center;gap:7px;width:100%;padding:0 7px;font-family:inherit;font-size:10px;display:flex}.lv-slot .tri{color:var(--ink-3);flex:none;font-size:7px}.lv-slot .stop{background:var(--ink-3);opacity:0;border-radius:1px;flex:none;width:7px;height:7px}.lv-slot:hover .stop{opacity:.6}.lv-slot.filled{background:color-mix(in srgb, var(--trk) 80%, #1a1a1a);color:#101010;font-weight:600}.lv-slot.filled .tri{color:#101010}.lv-slot.playing{box-shadow:inset 0 0 0 1.5px #fff}.lv-slot.playing .tri{color:#101010}.lv-slot span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lv-scenes{background:var(--chrome);border-right:1px solid #000;flex-direction:column;flex:none;width:108px;display:flex}.lv-scenes .sc-head{letter-spacing:.12em;text-transform:uppercase;height:24px;color:var(--ink-3);border-bottom:1px solid #000;align-items:center;padding:0 8px;font-size:8px;display:flex}.lv-sclist{gap:3px;padding:3px;display:grid}.lv-sc{height:24px;color:var(--ink-2);cursor:pointer;text-align:left;background:#242424;border:0;border-radius:2px;align-items:center;gap:8px;width:100%;padding:0 8px;font-family:inherit;font-size:10px;display:flex}.lv-sc .tri{color:var(--ink-3);font-size:8px}.lv-sc.on{color:var(--ink);background:#ffffff14}.lv-sc.on .tri{color:#7ac84a}.lv-mixer{background:var(--chrome);border-top:1px solid #000;justify-items:center;gap:7px;margin-top:auto;padding:7px 6px 8px;display:grid}.lv-mxk{gap:7px;display:flex}.lv-sends{gap:5px;display:flex}.lv-fader{align-items:flex-end;gap:5px;height:118px;display:flex}.lv-fstage{width:22px;height:118px;position:relative}.lv-ftrack{background:#141414;border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.lv-ffill{background:var(--ink-3);border-radius:2px;width:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.lv-fcap{background:#555;border:1px solid #141414;border-radius:1px;width:22px;height:9px;position:absolute;left:50%;transform:translate(-50%,50%)}.lv-fcap:after{content:"";border-top:1px solid #1a1a1a;position:absolute;top:50%;left:3px;right:3px}.lv-fader .meter{--segs:22;width:7px;height:118px}.lv-tctl{align-items:center;gap:5px;display:flex}.lv-num{background:var(--trk,#888);color:#101010;border-radius:2px;place-items:center;width:18px;height:16px;font-family:Spline Sans Mono,monospace;font-size:9px;font-weight:700;display:grid}.lv-sm{gap:3px;display:flex}.lv-sm button{width:16px;height:16px;color:var(--ink-3);cursor:pointer;background:#333;border:1px solid #141414;border-radius:2px;place-items:center;font-family:Spline Sans Mono,monospace;font-size:9px;display:grid}.lv-sm button.s.on{color:#101010;background:#7ac84a;border-color:#141414}.lv-sm button.m.on{color:#101010;background:#e8c33a}.lv-db{color:var(--ink-2);font-family:Spline Sans Mono,monospace;font-size:9px}.lv-devices{background:#222;border-top:1px solid #000;align-items:stretch;gap:0;height:178px;display:flex;overflow-x:auto}.lv-device{border-right:1px solid #000;flex-direction:column;flex:none;width:230px;display:flex}.lv-dev-head{background:color-mix(in srgb, var(--trk,#888) 30%, #2b2b2b);border-bottom:1px solid #000;align-items:center;gap:7px;height:22px;padding:0 9px;display:flex}.lv-dev-head .pow{background:var(--trk,#7ac84a);border:1px solid #101010;border-radius:99px;flex:none;width:9px;height:9px}.lv-dev-head b{color:var(--ink);font-size:11px}.lv-dev-body{flex-wrap:wrap;flex:1;align-content:center;align-items:center;gap:10px;padding:11px 12px;display:flex}.lv-dev-body .knob{width:38px}.lv-dev-body .knob-dial{width:30px;height:30px}.lv-device.empty{width:220px;color:var(--ink-3);background:#1f1f1f;place-items:center;font-size:11px;display:grid}.hos-arranger{--arr-head:44px;--arr-row:34px;--arr-gap:3px;--arr-track:136px;--arr-scenes:124px;--arr-page:var(--panel);--arr-surface:var(--raised);--arr-surface-2:color-mix(in srgb, var(--raised-2) 64%, var(--raised));--arr-grid:var(--well);--arr-line:var(--line);--arr-line-strong:var(--line-2);--arr-ink:var(--ink);--arr-muted:var(--ink-2);--arr-faint:var(--ink-3);--arr-control:var(--raised-2);--arr-clip-ink:color-mix(in srgb, var(--ink) 24%, #000);border:1px solid var(--arr-line);border-radius:var(--r-sm);background:var(--arr-page);height:auto;min-height:0;color:var(--arr-ink);font-family:var(--font);flex-direction:column;flex:1 1 0;gap:8px;padding:12px;display:flex;overflow:hidden}.arr-toolbar{border:1px solid var(--arr-line);border-radius:var(--r-sm);background:var(--arr-surface);min-height:38px;box-shadow:var(--lift);justify-content:space-between;align-items:center;gap:12px;padding:6px 8px;display:flex}.arr-toolbar-title{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.arr-toolbar-title b{color:var(--arr-ink);font-family:var(--mono);letter-spacing:.02em;font-size:12px}.arr-queue-summary{border:1px solid color-mix(in srgb, var(--amber) 48%, var(--arr-line-strong));background:color-mix(in srgb, var(--amber) 12%, var(--arr-grid));min-height:18px;color:var(--amber);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:0 7px;font-size:8px;font-weight:800;display:inline-flex}.arr-queue-summary i{width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 18%, transparent);background:currentColor;border-radius:999px}.arr-toolbar-controls{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.arr-toolbar-controls label{align-items:center;gap:7px;min-width:0;display:flex}.arr-toolbar-controls label>span{color:var(--arr-faint);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:8px}.arr-main{grid-template-columns:var(--arr-scenes) minmax(0, 1fr);border:1px solid var(--arr-line-strong);border-radius:var(--r-sm);background:var(--arr-grid);flex:auto;min-height:0;display:grid;overflow:hidden}.arr-scenes{width:auto;min-height:0}.arr-scenes .sc-head{height:var(--arr-head);box-sizing:border-box;border-bottom:1px solid var(--arr-line-strong);background:var(--arr-surface-2);align-items:center;display:flex}.arr-scenes .lv-sc{height:var(--arr-row);box-sizing:border-box;border:1px solid var(--arr-line);background:var(--arr-surface);color:var(--arr-muted)}.arr-scenes .lv-sc .tri{min-width:20px;color:var(--arr-faint);font-family:var(--mono);letter-spacing:0;flex:0 0 20px;place-items:center;font-size:8px;display:inline-grid}.arr-scenes .lv-sc.queued .tri{color:var(--amber);font-weight:700}.arr-scenes .lv-sc:hover{background:var(--arr-surface-2)}.arr-scenes .lv-sc.queued{border-color:var(--amber);color:var(--amber)}.arr-scenes .lv-sc.empty{color:var(--arr-faint);opacity:.68;cursor:default}.arr-scenes .lv-sc.empty .tri{color:var(--arr-faint)}.arr-scenes .lv-sc.stop-scene{background:color-mix(in srgb, var(--hot) 9%, var(--arr-surface));border-color:color-mix(in srgb, var(--hot) 42%, var(--arr-line));color:color-mix(in srgb, var(--hot) 72%, var(--arr-ink));opacity:1;cursor:pointer}.arr-scenes .lv-sc.stop-scene .tri{color:var(--hot);font-size:7px}.arr-scenes .lv-sc.stop-scene:hover{background:color-mix(in srgb, var(--hot) 16%, var(--arr-surface-2));border-color:color-mix(in srgb, var(--hot) 66%, var(--arr-line-strong))}.arr-scenes .lv-sc.stop-scene.queued{background:color-mix(in srgb, var(--amber) 13%, var(--arr-surface));border-color:var(--amber);color:var(--amber)}.arr-scenes .lv-sc.on{background:color-mix(in srgb, var(--volt) 12%, var(--arr-surface-2));box-shadow:inset 3px 0 0 var(--volt);color:var(--arr-ink)}.arr-scenes .arr-add-scene{appearance:none;height:var(--arr-row);border:1px dashed color-mix(in srgb, var(--arr-line-strong) 78%, transparent);background:color-mix(in srgb, var(--arr-surface-2) 52%, transparent);min-height:0;color:var(--arr-muted);font:inherit;box-shadow:none;cursor:pointer;border-radius:2px;align-items:center;gap:8px;padding:0 8px;font-size:10px;display:flex}.arr-scenes .arr-add-scene .tri{min-width:20px;color:var(--volt);font-family:var(--mono);flex:0 0 20px;place-items:center;font-size:11px;font-weight:800;display:inline-grid}.arr-scenes .arr-add-scene:hover{border-color:color-mix(in srgb, var(--volt) 58%, var(--arr-line-strong));background:color-mix(in srgb, var(--volt) 9%, var(--arr-surface-2));color:var(--arr-ink)}.arr-grid{scrollbar-width:thin;scrollbar-color:#ffffff29 transparent;min-height:0;overflow:auto}.arr-track{width:var(--arr-track);min-width:var(--arr-track);background:var(--arr-grid)}.arr-track-head{height:var(--arr-head);box-sizing:border-box;border-bottom:1px solid var(--arr-line-strong);background:linear-gradient(180deg, color-mix(in srgb, var(--trk,#888) 16%, transparent), transparent 68%), var(--arr-surface);box-shadow:inset 0 4px 0 var(--trk,#888);grid-template-columns:8px minmax(0,1fr) 16px;align-items:center;gap:6px;padding:7px 8px 6px;display:grid}.arr-track-head .dot{background:var(--trk,var(--volt));border-radius:2px;align-self:center;width:7px;height:7px}.arr-track-name{min-width:0;min-height:26px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:2px;align-content:center;gap:1px;padding:0 2px;display:grid}.arr-track-name:hover b,.arr-track-name.selected b{color:var(--arr-ink)}.arr-track-name.selected{box-shadow:inset 0 -2px 0 var(--violet);background:0 0}.arr-track-name b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;line-height:1.1;overflow:hidden}.arr-track-name span{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;min-width:0;color:var(--arr-faint);font-size:7px;overflow:hidden}.arr-track-stop{width:18px;height:20px;color:var(--arr-faint);cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;font-size:0;line-height:0;display:grid}.arr-track-stop:before{content:"";background:currentColor;border-radius:2px;width:8px;height:8px;display:block}.arr-track-stop:hover{color:var(--hot)}.arr-track-stop.pending{color:var(--amber)}.arr-track-stop.pending:before{box-shadow:0 0 0 2px color-mix(in srgb, var(--amber) 32%, transparent)}.arr-clips{gap:var(--arr-gap);padding:var(--arr-gap);background:var(--arr-grid)}.arr-slot{height:var(--arr-row);box-sizing:border-box;border:1px solid var(--arr-line);background:var(--arr-surface);color:var(--arr-muted);border-radius:2px;grid-template-columns:19px minmax(0,1fr) 18px;place-items:stretch stretch;gap:4px;display:grid;position:relative;overflow:hidden}.arr-slot.filled{color:var(--arr-clip-ink);background:color-mix(in srgb, var(--trk) 68%, var(--arr-surface));font-weight:700}.arr-slot.filled:hover{filter:saturate(1.08)brightness(1.04)}.arr-slot.empty-slot{background:linear-gradient(180deg, color-mix(in srgb, var(--arr-surface) 78%, transparent), transparent), color-mix(in srgb, var(--arr-grid) 58%, var(--arr-surface));border-style:dashed}.arr-slot.empty-slot:hover,.arr-slot.empty-slot.drop-target{background:color-mix(in srgb, var(--trk,var(--violet)) 10%, var(--arr-surface));color:var(--arr-muted);border-style:solid}.arr-slot.selected{box-shadow:inset 0 0 0 2px var(--violet)}.arr-slot.queued{border-color:var(--amber);box-shadow:inset 0 0 0 2px var(--amber);animation:.74s steps(2,end) infinite arr-clip-queued-blink}.arr-slot.stopping{border-color:var(--hot);color:color-mix(in srgb, var(--hot) 68%, #101010);box-shadow:inset 0 0 0 2px var(--hot);animation:.74s steps(2,end) infinite arr-clip-stopping-blink}@keyframes arr-clip-queued-blink{0%,48%{box-shadow:inset 0 0 0 2px var(--amber);filter:brightness(1.1)}49%,to{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--amber) 28%, transparent);filter:brightness(.88)}}@keyframes arr-clip-stopping-blink{0%,48%{box-shadow:inset 0 0 0 2px var(--hot);filter:brightness(1.08)}49%,to{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hot) 28%, transparent);filter:brightness(.84)}}.arr-slot.playing{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--arr-ink) 80%, var(--trk))}.arr-slot.playing.selected{box-shadow:inset 0 0 0 2px var(--violet)}.arr-slot.drop-target{border-color:var(--violet);box-shadow:inset 0 0 0 2px var(--violet), inset 0 0 0 4px color-mix(in srgb, var(--arr-page) 62%, transparent), 0 0 0 1px color-mix(in srgb, var(--violet) 52%, transparent)}.arr-slot.drop-target:after{content:"";z-index:1;border:1px dashed color-mix(in srgb, var(--arr-ink) 72%, var(--violet));pointer-events:none;border-radius:1px;position:absolute;inset:3px}.arr-clip-state,.arr-empty-stop,.arr-clip-body{appearance:none;z-index:2;width:100%;min-width:0;height:100%;min-height:0;color:inherit;font:inherit;box-shadow:none;cursor:pointer;background:0 0;border:0;place-self:stretch stretch;padding:0;position:relative}.arr-clip-state{font-family:var(--mono);color:color-mix(in srgb, var(--arr-clip-ink) 86%, #000);background:0 0;border-right:0;border-radius:0;place-items:center;font-size:0;line-height:0;display:grid}.arr-slot .arr-clip-state.play,.arr-slot .arr-clip-state.stop{flex:initial;opacity:1;width:100%;height:100%}.arr-slot.playing .arr-clip-state{color:color-mix(in srgb, var(--arr-ink) 84%, var(--hot));background:0 0}.arr-clip-state.pending{color:var(--amber);background:0 0}.arr-clip-state:before{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid;width:0;height:0;display:block}.arr-clip-state.stop:before,.arr-clip-state[data-state=playing]:before,.arr-clip-state[data-state=stopping]:before{background:currentColor;border:0;border-radius:2px;width:8px;height:8px}.arr-clip-state.pending:before{opacity:.78}.arr-empty-stop{color:color-mix(in srgb, var(--arr-faint) 72%, transparent);place-items:center;font-size:0;line-height:0;display:grid}.arr-empty-stop:before{content:"";background:currentColor;border-radius:2px;width:8px;height:8px;display:block}.arr-empty-stop:not(:disabled):hover,.arr-empty-stop[data-empty-stop-state=playing]{color:var(--hot)}.arr-empty-stop[data-empty-stop-state=queued],.arr-empty-stop.pending{color:var(--amber)}.arr-empty-stop:disabled{cursor:default;opacity:.42}.arr-clip-body{text-align:left;align-items:center;font-size:10px;font-weight:700;display:flex;overflow:hidden}.arr-clip-body.dragging{cursor:grabbing;opacity:.72}.arr-clip-body span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.arr-clip-body.empty{color:var(--arr-faint);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;opacity:.8;grid-column:2/-1;justify-content:center;font-size:8px;font-weight:500}.arr-slot.empty-slot:hover .arr-clip-body.empty{color:var(--arr-ink);opacity:1}.arr-slot-progress{z-index:1;background:#ffffffd1;height:3px;position:absolute;bottom:0;left:0}.arr-queue-ribbon{display:none}.arr-queue-ribbon.stopping{background:color-mix(in srgb, var(--hot) 72%, var(--arr-grid));color:color-mix(in srgb, var(--arr-ink) 92%, #101010)}.arr-midi{z-index:2;background:color-mix(in srgb, var(--arr-grid) 52%, transparent);min-width:18px;height:16px;color:inherit;font-family:var(--mono);border-radius:2px;place-items:center;font-size:8px;display:grid;position:relative}.arr-midi.queued,.arr-midi.stopping{background:color-mix(in srgb, var(--amber) 70%, var(--arr-grid));min-width:20px;color:color-mix(in srgb, var(--arr-ink) 88%, #101010);letter-spacing:.02em}.arr-midi.stopping{background:color-mix(in srgb, var(--hot) 62%, var(--arr-grid));color:color-mix(in srgb, var(--arr-ink) 92%, #101010)}.arr-track-status{border-top:1px solid var(--arr-line-strong);background:var(--arr-surface);min-height:34px;color:var(--arr-faint);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;grid-template-columns:minmax(0,1fr) auto 22px;align-items:center;gap:6px;margin-top:auto;padding:0 8px;font-size:8px;display:grid}.arr-track-status button{appearance:none;min-width:0;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;box-shadow:none;cursor:pointer;background:0 0;border:0;padding:0}.arr-status-stop{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.arr-status-stop:hover{color:var(--hot)}.arr-status-stop.pending{color:var(--amber)}.arr-track-ms{align-items:center;gap:3px;display:inline-flex}.arr-track-ms button{border:1px solid var(--arr-line-strong);background:var(--arr-grid);width:18px;min-width:18px;height:18px;min-height:18px;color:var(--arr-faint);border-radius:2px;place-items:center;padding:0;font-size:8px;font-weight:900;line-height:1;display:grid}.arr-track-ms button:hover{border-color:color-mix(in srgb, var(--trk,var(--volt)) 42%, var(--arr-line-strong));color:var(--arr-ink)}.arr-track-ms button.on{border-color:color-mix(in srgb, var(--trk,var(--volt)) 80%, var(--arr-line-strong));background:color-mix(in srgb, var(--trk,var(--volt)) 72%, var(--arr-surface));color:var(--arr-clip-ink)}.arr-track-ms button.m.on{background:color-mix(in srgb, var(--hot) 58%, var(--arr-grid));color:color-mix(in srgb, var(--arr-ink) 92%, #101010)}.arr-track-status b{color:var(--arr-ink);justify-self:end;font-size:10px}.arr-editor{flex:0 0 var(--arr-editor-height,300px);border:1px solid var(--arr-line-strong);border-radius:var(--r-sm);background:var(--arr-surface);grid-template-rows:10px auto minmax(0,1fr);min-height:230px;max-height:min(560px,62vh);display:grid;overflow:hidden}.arr-editor-resize{border:0;border-bottom:1px solid var(--arr-line);background:color-mix(in srgb, var(--arr-surface-2) 72%, var(--arr-page));cursor:ns-resize;place-items:center;width:100%;min-height:10px;display:grid}.arr-editor-resize span{background:color-mix(in srgb, var(--arr-ink) 28%, transparent);border-radius:99px;width:42px;height:3px}.arr-editor-resize:hover span,.arr-editor-resize.dragging span{background:var(--volt)}.arr-editor.empty{color:var(--arr-faint);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;place-items:center;font-size:10px;display:grid}.arr-editor-head{border-bottom:1px solid var(--arr-line-strong);background:var(--arr-surface-2);justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex}.arr-editor-summary{gap:3px;min-width:210px;display:grid}.arr-editor-head h3{color:var(--arr-ink);letter-spacing:0;margin:2px 0 0;font-size:14px;font-weight:650}.arr-editor-titleline{align-items:center;gap:8px;min-width:0;display:flex}.arr-editor-titleline h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.arr-editor-meta{min-width:0;color:var(--arr-muted);font-family:var(--mono);letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:5px 9px;font-size:8px;display:flex}.arr-editor-meta span{white-space:nowrap;align-items:baseline;gap:4px;min-width:0;display:inline-flex}.arr-editor-meta b{color:var(--arr-faint);letter-spacing:.1em;text-transform:uppercase;font-size:7px}.arr-editor-state{border:1px solid var(--arr-line-strong);background:var(--arr-grid);min-height:16px;color:var(--arr-faint);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:2px;flex:none;align-items:center;padding:0 6px;font-size:8px;display:inline-flex}.arr-editor-state.playing{border-color:color-mix(in srgb, var(--volt) 58%, var(--arr-line-strong));color:var(--volt)}.arr-editor-state.queued{border-color:color-mix(in srgb, var(--amber) 72%, var(--arr-line-strong));color:var(--amber)}.arr-editor-state.stopping{border-color:color-mix(in srgb, var(--hot) 72%, var(--arr-line-strong));color:var(--hot)}.arr-editor-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.arr-action-group{border-left:1px solid color-mix(in srgb, var(--arr-line-strong) 72%, transparent);align-items:center;gap:5px;min-height:26px;padding-left:6px;display:inline-flex}.arr-action-group:first-child{border-left:0;padding-left:0}.arr-action-group.move .key{min-width:58px}.arr-action-group.edit .key{min-width:44px}.arr-clip-length{align-items:center;gap:7px;min-height:28px;padding-right:0;display:inline-flex}.arr-clip-length>span{color:var(--arr-faint);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800}.arr-clip-length .seg{border-color:var(--arr-line-strong);background:var(--arr-grid);border-radius:8px;align-items:center;height:28px;min-height:28px;padding:2px;overflow:hidden}.arr-clip-length .seg button{min-width:34px;height:22px;min-height:22px;color:var(--arr-muted);border-radius:6px;place-items:center;padding:0 7px;font-size:9px;line-height:1;display:grid}.arr-clip-length .seg button[aria-selected=true],.arr-clip-length .seg button.on{color:var(--arr-clip-ink)}.arr-editor-actions .key{min-height:24px;padding-inline:8px}.arr-editor-actions .key:disabled{opacity:.35;cursor:default}.arr-editor-body{grid-template-columns:minmax(0,1fr) 286px;gap:10px;min-height:0;padding:12px;display:grid;overflow:hidden}.arr-roll{--roll-row-min:18px;--roll-step-width:24px;border:1px solid var(--arr-line-strong);background:var(--arr-grid);grid-template:"corner ruler"24px"labels grid"minmax(0,1fr)"vel-label vel-grid"54px/76px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.arr-roll.drum{--roll-row-min:34px}.arr-roll[data-folded=true]{--roll-row-min:26px}.arr-roll-corner{border-right:1px solid var(--arr-line-strong);border-bottom:1px solid var(--arr-line-strong);background:var(--arr-surface-2);color:var(--arr-faint);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;grid-area:corner;align-items:center;padding:0 8px;font-size:8px;display:flex}.arr-roll-ruler{grid-area:ruler;grid-template-columns:repeat(var(--roll-steps), minmax(var(--roll-step-width), 1fr));border-bottom:1px solid var(--arr-line-strong);background:var(--arr-surface-2);overscroll-behavior:contain;scrollbar-width:none;min-width:0;display:grid;overflow:hidden}.arr-roll-ruler::-webkit-scrollbar{display:none}.arr-roll-ruler span{border-left:1px solid color-mix(in srgb, var(--arr-line) 72%, transparent);min-width:0;color:var(--arr-faint);font-family:var(--mono);padding:6px 3px 0;font-size:8px;line-height:1}.arr-roll-ruler span.bar{color:var(--arr-ink);border-left-color:var(--arr-line-strong)}.arr-roll-ruler span.beat{color:var(--arr-muted)}.arr-roll-labels{grid-area:labels;grid-template-rows:repeat(var(--roll-rows), minmax(var(--roll-row-min), 1fr));border-right:1px solid var(--arr-line-strong);background:var(--arr-surface);scrollbar-width:none;display:grid;overflow:hidden}.arr-roll-labels::-webkit-scrollbar{display:none}.arr-roll-labels span{border-bottom:1px solid var(--arr-line);min-width:0;color:var(--arr-muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;justify-content:flex-end;align-items:center;padding:0 8px 0 22px;font-size:8px;font-weight:700;display:flex;position:relative;overflow:hidden}.arr-roll-labels span:before{content:"";border-right:1px solid var(--arr-line-strong);background:color-mix(in srgb, var(--arr-ink) 8%, var(--arr-surface));width:18px;position:absolute;top:0;bottom:0;left:0}.arr-roll-labels span.black{background:color-mix(in srgb, var(--arr-grid) 76%, #000);color:color-mix(in srgb, var(--arr-ink) 72%, transparent)}.arr-roll-labels span.black:before{background:color-mix(in srgb, var(--arr-ink) 82%, #000);width:28px}.arr-roll-labels span.white{background:color-mix(in srgb, var(--arr-surface) 88%, var(--arr-page))}.arr-roll-grid{overscroll-behavior:contain;grid-area:grid;grid-template-columns:repeat(var(--roll-steps), minmax(var(--roll-step-width), 1fr));grid-template-rows:repeat(var(--roll-rows), minmax(var(--roll-row-min), 1fr));background:repeating-linear-gradient(to right, color-mix(in srgb, var(--arr-line) 72%, transparent) 0 1px, transparent 1px calc(100% / var(--roll-steps))), repeating-linear-gradient(to bottom, color-mix(in srgb, var(--arr-line-strong) 58%, transparent) 0 1px, transparent 1px calc(100% / var(--roll-rows))), linear-gradient(90deg, color-mix(in srgb, var(--volt) 5%, transparent), transparent 18%), var(--arr-grid);min-width:0;display:grid;position:relative;overflow:auto}.arr-velocity-label{border-top:1px solid var(--arr-line-strong);border-right:1px solid var(--arr-line-strong);background:var(--arr-surface-2);color:var(--arr-faint);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;grid-area:vel-label;justify-content:flex-end;align-items:center;padding:0 8px;font-size:8px;font-weight:800;display:flex}.arr-velocity-grid{grid-area:vel-grid;grid-template-columns:repeat(var(--roll-steps), minmax(var(--roll-step-width), 1fr));border-top:1px solid var(--arr-line-strong);background:linear-gradient(180deg, color-mix(in srgb, var(--arr-surface) 64%, transparent), transparent), var(--arr-grid);overscroll-behavior:contain;scrollbar-width:none;grid-template-rows:1fr;align-items:end;min-width:0;display:grid;position:relative;overflow:hidden}.arr-velocity-grid::-webkit-scrollbar{display:none}.arr-velocity-grid>i{z-index:1;border-left:1px solid color-mix(in srgb, var(--arr-line) 56%, transparent);pointer-events:none;grid-row:1;align-self:stretch}.arr-velocity-grid>i.beat{background:color-mix(in srgb, var(--arr-surface) 38%, transparent)}.arr-velocity-bar{appearance:none;z-index:2;min-width:0;min-height:0;height:calc(max(8px, var(--vel) * 42px));border:1px solid color-mix(in srgb, var(--trk,var(--volt)) 56%, var(--arr-line-strong));background:linear-gradient(180deg, #ffffff38, transparent 36%), color-mix(in srgb, var(--trk,var(--volt)) 72%, var(--arr-surface));box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--trk,var(--volt)) 34%, #000);cursor:ns-resize;border-radius:2px 2px 0 0;grid-row:1;place-self:end stretch;margin:4px 3px}.arr-velocity-bar span{width:100%;height:100%;display:block}.arr-velocity-bar:hover,.arr-velocity-bar.selected{box-shadow:0 0 0 1px var(--violet), inset 0 -2px 0 color-mix(in srgb, var(--trk,var(--volt)) 34%, #000)}.arr-velocity-bar.dragging{border-color:var(--amber);box-shadow:0 0 0 2px var(--amber), inset 0 -2px 0 color-mix(in srgb, var(--trk,var(--volt)) 34%, #000)}.arr-roll-step-target{z-index:1;border:0;border-left:1px solid color-mix(in srgb, var(--arr-line) 62%, transparent);cursor:crosshair;background:0 0;min-width:0}.arr-roll-step-target.beat{background:color-mix(in srgb, var(--arr-surface) 38%, transparent)}.arr-roll-step-target.selected{box-shadow:inset 0 0 0 1px var(--violet), inset 0 -2px 0 var(--violet)}.arr-note-block{z-index:3;border:1px solid color-mix(in srgb, var(--trk,var(--volt)) 52%, var(--arr-line-strong));background:color-mix(in srgb, var(--trk,var(--volt)) 72%, var(--arr-surface));min-width:0;min-height:22px;color:var(--arr-clip-ink);font-family:var(--mono);cursor:pointer;box-shadow:none;border-radius:2px;align-self:center;margin:3px;font-size:9px;font-weight:700;position:relative;overflow:hidden}.arr-note-block .arr-note-label{text-overflow:ellipsis;white-space:nowrap;padding:0 10px 0 5px;display:block;overflow:hidden}.arr-note-block.short .arr-note-label{letter-spacing:0;place-items:center;width:100%;height:100%;padding:0 3px;font-size:8px;font-weight:900;line-height:1;display:grid}.arr-note-block.short{justify-self:stretch;min-width:0}.arr-note-resize{z-index:2;border-left:1px solid color-mix(in srgb, var(--arr-clip-ink) 28%, transparent);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--arr-clip-ink) 16%, transparent));cursor:ew-resize;width:8px;position:absolute;top:2px;bottom:2px;right:0}.arr-note-block.short .arr-note-resize{opacity:0;width:5px}.arr-note-block.short:hover .arr-note-resize,.arr-note-block.short.selected .arr-note-resize,.arr-note-block.short.resizing .arr-note-resize{opacity:1}.arr-note-resize:after{content:"";background:color-mix(in srgb, var(--arr-clip-ink) 52%, transparent);border-radius:99px;width:2px;height:10px;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.arr-note-block:hover .arr-note-resize,.arr-note-block.selected .arr-note-resize,.arr-note-block.resizing .arr-note-resize{border-left-color:color-mix(in srgb, var(--arr-clip-ink) 48%, transparent);background:color-mix(in srgb, var(--arr-clip-ink) 18%, transparent)}.arr-note-block.resizing{cursor:ew-resize;box-shadow:0 0 0 2px var(--amber)}.arr-note-block.selected{box-shadow:0 0 0 2px var(--violet)}.arr-note-block.dragging{cursor:grabbing;opacity:.72}.arr-roll.drum .arr-note-block{min-height:30px}.arr-roll-playhead{z-index:4;top:0;bottom:0;left:var(--arr-playhead-x,0);background:var(--hot);width:2px;box-shadow:0 0 0 1px var(--arr-line-strong), 0 0 0 999px #00000004;pointer-events:none;will-change:left;position:absolute;transform:translate(-50%)}.arr-note-panel{border:1px solid var(--arr-line);background:color-mix(in srgb, var(--arr-surface) 82%, transparent);min-width:0;box-shadow:none;align-content:start;gap:12px;padding:12px 10px;display:grid}.arr-note-readout{font-family:var(--mono);grid-template-columns:auto auto 1fr;align-items:baseline;gap:8px;display:grid}.arr-note-readout span,.arr-range span,.arr-select span,.arr-select-row span,.arr-static-value span{color:var(--arr-faint);letter-spacing:.1em;text-transform:uppercase;font-size:8px}.arr-note-readout b{color:var(--arr-ink);font-size:18px}.arr-note-readout small{color:var(--arr-muted);font-size:10px}.arr-select,.arr-select-row label,.arr-range,.arr-static-value{gap:5px;display:grid}.arr-select-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.arr-select select,.arr-select-row select{border:1px solid var(--arr-line-strong);background:var(--arr-grid);width:100%;min-width:0;color:var(--arr-ink);height:28px;font-family:var(--mono);border-radius:2px;padding:0 8px;font-size:11px}.arr-range{grid-template-columns:64px minmax(0,1fr) 32px;align-items:center;column-gap:10px}.arr-range input[type=range]{appearance:none;width:100%;height:16px;box-shadow:none;accent-color:var(--volt);background:0 0;border:0;border-radius:0;padding:0}.arr-range input[type=range]::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--arr-ink) 18%, var(--arr-surface));height:4px;box-shadow:none;border-radius:999px}.arr-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid color-mix(in srgb, var(--arr-ink) 44%, var(--arr-line-strong));background:var(--arr-ink);width:12px;height:12px;box-shadow:none;border-radius:999px;margin-top:-4px}.arr-range input[type=range]::-moz-range-track{background:color-mix(in srgb, var(--arr-ink) 18%, var(--arr-surface));height:4px;box-shadow:none;border-radius:999px}.arr-range input[type=range]::-moz-range-thumb{border:1px solid color-mix(in srgb, var(--arr-ink) 44%, var(--arr-line-strong));background:var(--arr-ink);width:12px;height:12px;box-shadow:none;border-radius:999px}.arr-range b,.arr-static-value b{color:var(--arr-ink);font-family:var(--mono);font-size:11px}.arr-create-note,.arr-delete-note{justify-content:center;width:100%}.tr-stage{z-index:60;top:64px;right:var(--tr-right,22px);position:fixed}.tr-stage.phase-reveal,.tr-stage.phase-done{place-items:center;display:grid;inset:0}.tr-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030405c7;animation:.4s tr-fade;position:fixed;inset:0}.tr-stage.tr-cramped{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#03040599;place-items:center;padding:16px;display:grid;inset:auto auto 0 0}@media (width<=720px){.tr-stage{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#03040599;place-items:center;padding:16px;display:grid;inset:auto auto 0 0}}.tr-device{border:1px solid var(--line-2);width:340px;max-width:calc(100vw - 32px);font-family:var(--mono);color:var(--ink);background:radial-gradient(120% 80% at 50% -12%, color-mix(in srgb, var(--volt) 6%, transparent), transparent 60%), linear-gradient(180deg, var(--raised), var(--panel));box-shadow:0 18px 50px #0000008c, inset 0 1px 0 var(--edge-hi), inset 0 0 0 1px #00000059;border-radius:16px;grid-template-columns:minmax(0,1fr);gap:12px;padding:16px;transition:transform .55s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.tr-stage.phase-reveal .tr-device,.tr-stage.phase-done .tr-device{transform:scale(1.08)}.tr-screws i{width:5px;height:5px;box-shadow:inset 0 1px 0 #ffffff1a, 0 0 0 1px var(--line);background:#000000bf;border-radius:99px;position:absolute}.tr-screws i:first-child{top:6px;left:6px}.tr-screws i:nth-child(2){top:6px;right:6px}.tr-screws i:nth-child(3){bottom:6px;left:6px}.tr-screws i:nth-child(4){bottom:6px;right:6px}.tr-mode{justify-content:flex-end;gap:4px;transition:opacity .2s;display:flex}.tr-mode button{border:1px solid var(--line);color:var(--ink-3);font-family:var(--mono);letter-spacing:.16em;cursor:pointer;background:0 0;border-radius:99px;padding:4px 11px;font-size:9px;font-weight:600}.tr-mode button.on{color:var(--volt-bright);border-color:var(--volt-line);background:var(--volt-dim)}.tr-mode[data-inert=true]{opacity:.35;pointer-events:none}.tr-rec-dot{background:var(--hot,#ff5247);width:9px;height:9px;box-shadow:0 0 8px var(--hot,#ff5247);border-radius:99px;animation:1s ease-in-out infinite tr-pulse}.tr-notice{border:1px solid color-mix(in srgb, var(--violet,#9b8cff) 36%, transparent);color:color-mix(in srgb, var(--violet,#9b8cff) 62%, var(--ink));background:var(--violet-dim,#9b8cff1a);letter-spacing:.02em;border-radius:8px;padding:8px 10px;font-size:11px}.tr-saved{letter-spacing:.05em;color:color-mix(in srgb, var(--volt) 64%, var(--ink));font-size:11px}.trB-display{--elek-ink:var(--elek-phosphor,#d4f5dd);--elek-bg:var(--elek-glass,#04100c);color:var(--elek-ink);background:linear-gradient(0deg, #0006, transparent 55%), var(--elek-bg);box-shadow:inset 0 0 26px color-mix(in srgb, var(--elek-ink) 12%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--elek-ink) 8%, transparent);border:1px solid #0009;border-radius:10px;gap:8px;padding:12px 14px 10px;display:grid;position:relative;overflow:hidden}.trB-display:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00000029 0 1px,#0000 1px 3px);position:absolute;inset:0}.trB-wave{align-items:flex-end;gap:3px;height:34px;display:flex}.trB-wave i{height:calc(8% + var(--h,10) * 2.2%);background:var(--elek-ink);opacity:.4;transform-origin:bottom;border-radius:1px;flex:1;transform:scaleY(.32)}.tr-reel.phase-recording .trB-wave i{opacity:.9;box-shadow:0 0 7px color-mix(in srgb, var(--elek-ink) 35%, transparent);animation:tr-bar var(--t,.7s) ease-in-out infinite alternate}.trB-tcrow{align-items:baseline;gap:9px;display:flex}.trB-tc{font-family:var(--pixel);letter-spacing:.05em;text-shadow:0 0 12px color-mix(in srgb, var(--elek-ink) 45%, transparent);font-size:32px;line-height:1}.trB-tcmax{font-family:var(--pixel);opacity:.55;letter-spacing:.08em;white-space:nowrap;font-size:12px}.trB-stat{font-family:var(--pixel);letter-spacing:.08em;white-space:nowrap;text-shadow:0 0 9px color-mix(in srgb, var(--elek-ink) 45%, transparent);align-items:center;gap:7px;margin-left:auto;font-size:13px;display:flex}.trB-foot{font-family:var(--pixel);letter-spacing:.16em;opacity:.6;gap:10px;font-size:10px;display:flex}.trB-foot span{white-space:nowrap}.trB-foot span:last-child{margin-left:auto}.trB-deckwrap{background:var(--well);box-shadow:var(--well-in);border-radius:12px;padding:6px 4px 2px;position:relative}.trB-deck{width:100%;height:auto;display:block}.trB-flange{fill:none;stroke:color-mix(in srgb, var(--ink) 30%, transparent);stroke-width:1.6px}.trB-rim{fill:none;stroke:color-mix(in srgb, var(--ink) 14%, transparent);stroke-width:1px}.trB-pancake{fill:#2c2115;stroke:#ffffff14;stroke-width:1px;transition:r 1s linear}.trB-spoke{fill:color-mix(in srgb, var(--ink) 38%, transparent)}.trB-hubdot{fill:var(--volt);filter:drop-shadow(0 0 4px var(--volt-line))}.trB-tape{fill:none;stroke:#1d1812;stroke-width:2.4px}.trB-flow{fill:none;stroke:var(--volt);stroke-width:1.2px;stroke-dasharray:3 9;opacity:0}.tr-reel.phase-recording .trB-flow{opacity:.55;animation:.9s linear infinite tr-flow}.trB-roller,.trB-head{fill:var(--raised-2);stroke:#000000b3;stroke-width:1px}.trB-spokes{transform-box:fill-box;transform-origin:50%}.tr-reel.phase-recording .trB-spokes.l{animation:1.1s linear infinite tr-spin}.tr-reel.phase-recording .trB-spokes.r{animation:1.7s linear infinite tr-spin}.trB-boxwrap{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.trB-box{opacity:0;background:linear-gradient(#efe9da,#ddd5c1);border-radius:4px;width:152px;padding:8px 8px 9px;transform:scale(.25)rotate(10deg);box-shadow:0 16px 40px #0009,inset 0 1px #ffffff8c}.trB-box canvas{border-radius:2px;width:100%;display:block}.trB-boxlbl{letter-spacing:.1em;color:#46413a;text-transform:uppercase;gap:1px;margin-top:7px;font-size:8px;display:grid}.trB-boxlbl b{letter-spacing:.12em;color:#28241f;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.tr-reel.phase-reveal .trB-box{animation:.85s cubic-bezier(.2,.9,.3,1.15) .35s forwards tr-boxin}.tr-reel.phase-done .trB-box{opacity:1;transform:scale(1)rotate(-2deg)}.tr-reel.phase-reveal .trB-box canvas{animation:2.1s cubic-bezier(.2,.8,.2,1) .45s backwards tr-develop}.trB-meta{align-items:baseline;gap:10px;padding:2px 4px;display:flex}.trB-meta b{min-width:0;font-family:var(--pixel);letter-spacing:.03em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;font-weight:700;overflow:hidden}.trB-meta span{letter-spacing:.1em;min-width:0;color:var(--ink-3);text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.trB-ctl{justify-content:space-evenly;align-items:flex-start;padding:6px 4px 2px;display:flex}.trB-kcol{justify-items:center;gap:7px;display:grid}.trB-kcol em{font-style:normal;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;font-size:8px}.trB-key{border:1px solid var(--line-2);background:var(--raised);width:52px;height:52px;box-shadow:var(--lift);color:var(--ink-2);cursor:pointer;border-radius:99px;place-items:center;transition:transform 70ms,box-shadow .12s,border-color .12s;display:grid}.trB-key:hover{border-color:color-mix(in srgb, var(--ink) 24%, transparent)}.trB-key:active{box-shadow:var(--press);transform:translateY(1px)}.trB-key[disabled]{opacity:.35;cursor:default}.trB-key .dot{background:var(--hot,#ff5247);border-radius:99px;width:14px;height:14px}.trB-key.rec.live{border-color:color-mix(in srgb, var(--hot,#ff5247) 55%, transparent);box-shadow:var(--press), 0 0 12px color-mix(in srgb, var(--hot,#ff5247) 25%, transparent)}.trB-key.rec.live .dot{animation:1s ease-in-out infinite tr-pulse}.trB-key .sq{background:currentColor;border-radius:2px;width:13px;height:13px}.trB-key.stop.hot{color:var(--volt-bright);border-color:var(--volt-line)}.trB-key.wav span{font-family:var(--mono);letter-spacing:.1em;color:color-mix(in srgb, var(--violet,#9b8cff) 65%, var(--ink));font-size:10px;font-weight:700}.trB-key .ej{justify-items:center;gap:2.5px;display:grid}.trB-key .ej i{border-bottom:7px solid;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0}.trB-key .ej u{background:currentColor;width:14px;height:2.5px;display:block}.trC-status{letter-spacing:.22em;text-transform:uppercase;color:var(--elek-phosphor,#d4f5dd);text-shadow:0 0 8px color-mix(in srgb, var(--elek-phosphor,#d4f5dd) 35%, transparent);font-size:10.5px;font-family:var(--pixel);white-space:nowrap;align-items:center;gap:9px;padding:2px 2px 0;display:flex}.trC-status em{opacity:.45;font-style:normal}.trC-status .tr-rec-dot{width:7px;height:7px}.trC-status span:last-child{opacity:.8;margin-left:auto}.trC-plate{aspect-ratio:1;box-shadow:var(--well-in), 0 0 0 1px #0009;background:#07080a;border-radius:10px;position:relative;overflow:hidden}.trC-art{object-fit:cover;opacity:.62;filter:saturate(.85);width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.tr-press.phase-recording .trC-art{opacity:.88;filter:saturate()}.trC-glass{pointer-events:none;background:linear-gradient(165deg,#ffffff12,#0000 38%),repeating-linear-gradient(0deg,#0000001f 0 1px,#0000 1px 3px);position:absolute;inset:0}.trC-sprockets{background-color:#0d0c11;background-image:radial-gradient(3.2px 4.6px at 50% 10px,#000 96%,#0000),linear-gradient(#ffffff0a,#0000);background-size:17px 21px,100% 100%;width:17px;position:absolute;top:0;bottom:0}.trC-sprockets.l{border-right:1px solid #ffffff0f;left:0}.trC-sprockets.r{border-left:1px solid #ffffff0f;right:0}.tr-press.phase-recording .trC-sprockets{animation:.8s linear infinite tr-film}.trC-corner{pointer-events:none;border:1.5px solid #ffffff73;width:16px;height:16px;position:absolute}.trC-corner.tl{border-bottom:0;border-right:0;top:26px;left:28px}.trC-corner.tr{border-bottom:0;border-left:0;top:26px;right:28px}.trC-corner.bl{border-top:0;border-right:0;bottom:26px;left:28px}.trC-corner.br{border-top:0;border-left:0;bottom:26px;right:28px}.trC-burn{font-family:var(--mono);letter-spacing:.12em;color:#ff5d52;text-shadow:0 0 7px #ff5d52cc;opacity:0;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex;position:absolute;top:52px;left:28px}.tr-press.phase-recording .trC-burn{opacity:1}.trC-burn i{background:#ff5d52;border-radius:99px;width:8px;height:8px;animation:1s ease-in-out infinite tr-pulse;box-shadow:0 0 8px #ff5d52}.trC-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.tr-press.phase-reveal .trC-flash{animation:.55s ease-out tr-flash}.trC-slot{height:5px;box-shadow:inset 0 2px 4px #000000e6, 0 1px 0 var(--edge-hi);background:#060708;border-radius:99px;margin:2px 10px 0}.trC-tray{height:0;margin:0 26px;transition:height 1.1s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.tr-press.phase-reveal .trC-tray,.tr-press.phase-done .trC-tray{height:296px}.trC-print{background:linear-gradient(#f6f3ea,#ece7d8);border-radius:3px;padding:9px 9px 30px;transition:transform 1.4s cubic-bezier(.2,.8,.2,1) .25s;position:absolute;top:0;left:0;right:0;transform:translateY(-104%);box-shadow:0 14px 30px #0000008c}.trC-print canvas{border-radius:1px;width:100%;display:block}.tr-press.phase-reveal .trC-print{transform:translateY(0)}.tr-press.phase-done .trC-print{transform:translateY(0)rotate(.8deg)}.tr-press.phase-reveal .trC-print canvas{animation:2.6s cubic-bezier(.3,.6,.3,1) .4s backwards tr-photodev}.trC-caption{font-family:var(--mono);letter-spacing:.1em;color:#4a453c;text-transform:uppercase;opacity:0;gap:8px;font-size:8.5px;font-weight:600;display:flex;position:absolute;bottom:7px;left:11px;right:11px;transform:rotate(-.6deg)}.trC-caption span:last-child{white-space:nowrap;margin-left:auto}.trC-caption span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tr-press.phase-reveal .trC-caption{animation:.4s 2.3s forwards tr-stampfade}.tr-press.phase-done .trC-caption{opacity:1}.trC-meta{align-items:baseline;gap:9px;padding:0 2px;display:flex}.trC-meta b{min-width:0;font-family:var(--pixel);letter-spacing:.03em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;overflow:hidden}.trC-meta span{letter-spacing:.1em;min-width:0;color:var(--ink-3);text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.trC-actions{gap:8px;display:flex}.trC-btn{border:1px solid var(--line-2);min-height:42px;color:var(--ink-2);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:7px;padding:0 8px;font-size:10.5px;font-weight:600;transition:border-color .12s,color .12s;display:inline-flex}.trC-btn small{opacity:.6;letter-spacing:.12em;font-size:7.5px}.trC-btn i{background:var(--hot,#ff5247);border-radius:99px;width:8px;height:8px}.trC-btn.rec{color:color-mix(in srgb, var(--hot,#ff5247) 60%, var(--ink));border-color:color-mix(in srgb, var(--hot,#ff5247) 38%, transparent);flex:1.5}.trC-btn.rec.live i{animation:1s ease-in-out infinite tr-pulse}.trC-btn.wav{color:color-mix(in srgb, var(--violet,#9b8cff) 62%, var(--ink));border-color:color-mix(in srgb, var(--violet,#9b8cff) 36%, transparent)}.trC-btn:hover{border-color:var(--line-2);color:var(--ink)}.trC-btn[disabled]{opacity:.42;cursor:default}.hos.skin-fides .tr-device{box-shadow:none;background:#fff;border-color:#000}.hos.skin-fides .tr-screws i{background:#fff;box-shadow:inset 0 0 0 1px #000}.hos.skin-fides .trB-display{box-shadow:none;background:#fff;border-color:#000}.hos.skin-fides .trB-display:after{display:none}.hos.skin-fides .trB-tc,.hos.skin-fides .trB-stat,.hos.skin-fides .trC-status{text-shadow:none}.hos.skin-fides .trB-deckwrap{background:#f4f4f4;box-shadow:inset 0 0 0 1px #000}.hos.skin-fides .trB-key,.hos.skin-fides .trC-btn{box-shadow:none;color:#0b0b0b;background:#fff;border-color:#000}.hos.skin-fides .trB-meta b{color:#0b0b0b}.hos.skin-fides .tr-notice{color:#0b0b0b;background:#fff;border-color:#000}.hos.skin-fides .trC-plate{box-shadow:inset 0 0 0 1px #000}.hos.skin-fides .trC-slot{box-shadow:none;background:#0b0b0b}.hos.skin-fides .trB-hubdot{filter:none}.hos.skin-fides .trB-flange{stroke:#0000008c}.hos.skin-fides .trB-roller,.hos.skin-fides .trB-head{fill:#fff}.hos.skin-fides .tr-mode button.on{color:#0b0b0b;background:#fff;border-color:#000}.hos.skin-fides .tr-mode button{color:#6a6a6a;border-color:#00000073}.hos.skin-fides .trB-kcol em,.hos.skin-fides .trB-meta span,.hos.skin-fides .trC-meta span{color:#6a6a6a}.hos.skin-fides .trB-key,.hos.skin-fides .tr-saved{color:#2a2a2a}@keyframes tr-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes tr-spin{to{transform:rotate(360deg)}}@keyframes tr-fade{0%{opacity:0}to{opacity:1}}@keyframes tr-flow{to{stroke-dashoffset:-12px}}@keyframes tr-bar{0%{transform:scaleY(.22)}to{transform:scaleY(1)}}@keyframes tr-film{0%{background-position:0 0,0 0}to{background-position:0 21px,0 0}}@keyframes tr-flash{0%{opacity:.95}to{opacity:0}}@keyframes tr-stampfade{0%{opacity:0;transform:rotate(-.6deg)scale(1.25)}to{opacity:1;transform:rotate(-.6deg)scale(1)}}@keyframes tr-develop{0%{clip-path:inset(0 0 100%);filter:sepia(.9)brightness(2.2)contrast(.6)saturate(.4)}55%{clip-path:inset(0);filter:sepia(.45)brightness(1.3)contrast(1.05)saturate(.85)}to{clip-path:inset(0);filter:none}}@keyframes tr-photodev{0%{filter:brightness(2.7)contrast(.4)saturate(.08)sepia(.4)}45%{filter:brightness(1.6)contrast(.8)saturate(.5)sepia(.25)}to{filter:none}}@keyframes tr-boxin{0%{opacity:0;transform:scale(.25)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(-2deg)}}@media (prefers-reduced-motion:reduce){.tr-reel.phase-recording .trB-spokes.l,.tr-reel.phase-recording .trB-spokes.r,.tr-reel.phase-recording .trB-wave i,.tr-reel.phase-recording .trB-flow,.tr-press.phase-recording .trC-sprockets,.tr-rec-dot,.trC-burn i,.trB-key.rec.live .dot{animation:none!important}.tr-device,.trC-tray,.trC-print,.trB-pancake{transition:none!important}.tr-reel.phase-reveal .trB-box{animation-duration:10ms!important;animation-delay:0s!important}.tr-reel.phase-reveal .trB-box canvas,.tr-press.phase-reveal .trC-print canvas{animation:none!important}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060708;--panel:#0d0f10;--panel-2:#141719;--panel-3:#1d2225;--pad:#25292b;--pad-lit:#d9dfdc;--line:#e6eef021;--line-strong:#e6eef047;--ink:#f1f4f2;--muted:#f1f4f29e;--faint:#f1f4f261;--accent:#ff3b30;--accent-ink:#fff;--display:#a7ff8f;--blue:#53a7b8;--green:#81b65b;--violet:#8d84d8;--rose:#dc514a;--cyan-fluo:#74f3ff;--magenta-fluo:#ff5fd2;--gold-fluo:#f6dd5d;--shadow-raised:0 2px 5px #00000047, inset 0 1px 0 #ffffff0e;--shadow-pressed:inset 0 2px 5px #00000085;--shadow-soft:0 6px 18px #00000047, inset 0 1px 0 #ffffff0a;--radius:8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hos.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e7eae5;--panel:#f8f9f5;--panel-2:#eef1eb;--panel-3:#dfe5de;--pad:#cfd7d2;--pad-lit:#1e2926;--line:#0c14122e;--line-strong:#0c14125c;--ink:#101715;--muted:#101715b3;--faint:#10171580;--display:#167743;--accent-ink:#fff;--surface-raised:#fbfcf7;--surface-control:#f6f8f3;--surface-well:#dce2dc;--light-device:#202927;--light-device-ink:#f3f7f1;--shadow-raised:0 2px 5px #0b12101f, inset 0 1px 0 #ffffffdb;--shadow-pressed:inset 0 2px 5px #0b12102e;--shadow-soft:0 6px 16px #0b12101a, inset 0 1px 0 #fffc}.hos.light,.hos.light .browser-panel,.hos.light .inspector-panel{background:var(--panel);color:var(--ink)}.hos.light .sequencer-stage{background:radial-gradient(circle at 82% 0%, #ff5fd214, transparent 28%), var(--bg)}.hos.light button,.hos.light input,.hos.light select,.hos.light .key-pick,.hos.light .bpm-field,.hos.light .output-gain,.hos.light .transport-pos,.hos.light .readout-cluster span{background:var(--surface-control);color:var(--ink);box-shadow:var(--shadow-raised)}.hos.light button:hover{background:var(--panel-3)}.hos.light .step-lane button{background:#cfd6d1}.hos.light .step-lane button.beat{background:#c0cac4}.hos.light .step-lane button.on{color:#f7faf5;background:#202826;border-color:#1f2825}.hos.light .mixer-console,.hos.light .fx-console,.hos.light .macro-deck,.hos.light .drum-rack,.hos.light .lane-row,.hos.light .channel-strip{background:var(--panel-2)}.hos.light .mixer-console,.hos.light .fx-console,.hos.light .channel-strip,.hos.light .fx-pedal,.hos.light .brand-stack h1,.hos.light .machine-header h2,.hos.light .inspector-panel h2,.hos.light .mixer-console h3,.hos.light .fx-console h3,.hos.light .acid-view h3,.hos.light .fx-pedal header strong{color:var(--ink)}.hos.light .brand-stack p,.hos.light .machine-header p,.hos.light .empty-step p,.hos.light .plugin-header p{color:var(--muted)}.hos.light .archive-links a{border-bottom-color:#0c14121f}.hos.light .readout-cluster .status{background:color-mix(in srgb, var(--surface-control), transparent 12%);color:var(--ink);box-shadow:none}.hos.light button.active,.hos.light button.hot,.hos.light .workspace-tabs button.active,.hos.light .length-pick button.active,.hos.light .toggle-field.active,.hos.light .rec-btn,.hos.light .tape-trigger{color:var(--ink);background:#ff3b3029}.hos.light button.primary{color:var(--accent-ink)}.hos.light .workspace-tabs{background:#101615;box-shadow:0 3px 8px #0b12102e,inset 0 1px #ffffff14}.hos.light .workspace-tabs button{color:#f7faf5;box-shadow:none;background:0 0}.hos.light .workspace-tabs button:not(.active):hover{background:#ffffff1a}.hos.light .workspace-tabs button.active{color:#101715;background:#f7faf3;border-color:#ffffffb8}.hos.light .transport-bar,.hos.light .mixer-console,.hos.light .fx-console,.hos.light .macro-deck,.hos.light .drum-rack,.hos.light .lane-row,.hos.light .acid-view{box-shadow:var(--shadow-soft)}.hos.light .lane-row header,.hos.light .voice-pick,.hos.light .acid-step,.hos.light .value-control.drum,.hos.light .empty-step,.hos.light .channel-name{background:var(--surface-raised);color:var(--ink)}.hos.light .lane-pick,.hos.light .lane-row header span,.hos.light .channel-name span{color:var(--ink)}.hos.light .lane-pick small,.hos.light .channel-name small,.hos.light .track-copy small{color:var(--muted)}.hos.light .lane-actions .lane-plugin{color:var(--ink)}.hos.light .channel-strip{background:var(--surface-well);box-shadow:inset 0 1px #ffffffc2}.hos.light .master-bus{background:var(--surface-well);color:var(--ink);box-shadow:inset 0 1px #ffffffd1,0 6px 16px #0b12101a}.hos.light .master-bus .channel-name{background:var(--surface-raised)}.hos.light .master-status-row span{background:var(--surface-raised);color:var(--ink);border-color:#0c141224;box-shadow:inset 0 1px #ffffffc2}.hos.light .master-status-row .master-db,.hos.light .master-status-row .master-meter-value,.hos.light .master-knob-bay b{color:var(--ink)}.hos.light .master-knob-bay{background:0 0;border-color:#0000}.hos.light .digital-meter{background:linear-gradient(#ffffffe0,#e7ede6f0),#edf2ec;border-color:#0c14122e;box-shadow:inset 0 1px #ffffffe0,inset 0 0 0 1px #0c14120f}.hos.light .digital-meter-row>span{color:#14713d}.hos.light .digital-meter-bars i{background:#14713d1f;box-shadow:inset 0 0 0 1px #0c14120f}.hos.light .digital-meter-bars i.on{box-shadow:none;background:#86d949}.hos.light .digital-meter-bars i.warn{box-shadow:none;background:#d6cc31}.hos.light .digital-meter-bars i.hot{box-shadow:none;background:#ff3b30}.hos.light .digital-meter.clip{border-color:#ff3b306b}.hos.light .digital-meter-scale{color:#1017158f}.hos.light .digital-meter-scale span:nth-child(-n+2){color:#ff3b30d1}.hos.light .euclid-preview{background:var(--light-device);color:var(--light-device-ink)}.hos.light .device-303{background:var(--surface-raised);color:var(--ink);box-shadow:inset 0 1px #ffffffc7}.hos.light .channel-fader{background:linear-gradient(180deg, #ffffffc2, #e8ede7f0), var(--surface-raised);color:var(--ink);border-color:#0c141233;box-shadow:inset 0 1px #ffffffdb}.hos.light .channel-fader .fader-db,.hos.light .fader-head,.hos.light .fader-scale,.hos.light .meter-value,.hos.light .channel-strip .knob-label{color:var(--muted)}.hos.light .channel-fader b,.hos.light .meter-value.clip,.hos.light .channel-strip .knob-value{color:var(--display)}.hos.light .channel-strip .knob-value{color:var(--ink)}.hos.light .inspector-panel .device-303 .knob-value,.hos.light .device-303 .knob-field b{color:var(--display)}.hos.light .channel-fader .fader-stage:before{background:linear-gradient(#fbfcf7,#cbd6ce);box-shadow:inset 0 0 0 1px #0c14122e}.hos.light .channel-fader .fader-control::-webkit-slider-thumb{box-shadow:0 0 0 2px #ffffffe6}.hos.light .fader-control{box-shadow:none;background:0 0}.hos.light .level-meter{background:#e4ebe4;border-color:#0c141238}.hos.light .fader-meter .level-meter{background:linear-gradient(#ff3b3029 0%,#cb9a1524 28%,#2a844929 100%),#e4ebe4;border-color:#0c141247;box-shadow:inset 0 0 0 1px #0c141214}.hos.light .fader-meter .level-meter:before{opacity:.7;background:linear-gradient(0deg,#2a844938 0 58%,#cb9a1538 58% 82%,#ff3b3042 82% 100%)}.hos.light .fader-meter .level-meter i{box-shadow:none;background:linear-gradient(#ff3b30 0%,#d5a11e 28%,#2f9659 100%),#2f9659}.hos.light.view-mixer .mixer-console,.hos.light.view-mixer .channel-strip,.hos.light.view-mixer .channel-fader,.hos.light.view-mixer .channel-name,.hos.light.view-mixer .channel-ms button{box-shadow:inset 0 1px #ffffffb8}.hos.light.view-mixer .channel-strip,.hos.light.view-mixer .master-bus{background:#e3e8e2}.hos.light.view-mixer .channel-fader{background:#f8faf5}.hos.light.view-mixer .fader-meter .level-meter{background:#e9eee8;box-shadow:inset 0 0 0 1px #0c141229}.hos.light.view-mixer .fader-meter .level-meter:before{display:none}.hos.light.view-mixer .level-meter.vertical i{transition:height 80ms linear}.hos.light.view-mixer .fader-meter .level-meter i{box-shadow:none}.hos.light.view-mixer .knob-dial,.hos.light.view-mixer .knob-cap,.hos.light.view-mixer .knob-pointer{filter:none}.hos.light.view-mixer button:hover,.hos.light.view-mixer .knob-dial:hover{transform:none}.view-mixer .fader-meter .level-meter:before{display:none}.view-mixer .level-meter.vertical i{will-change:height;transition:height 80ms linear}.view-mixer .fader-meter .level-meter i,.view-mixer .channel-strip .knob-dial{box-shadow:none}.view-mixer .channel-strip .knob-dial:hover{box-shadow:none;transform:none}.hos.light:not(.skin-fides):not(.skin-pop) .knob-dial{box-shadow:var(--lift), inset 0 0 0 1px #00000073;background:conic-gradient(from 180deg,#ffffff0d,#0000 30% 70%,#ffffff0d),radial-gradient(circle at 50% 38%,#2a3331,#141b1a 80%)}.hos.light:not(.skin-fides):not(.skin-pop) .knob-track{fill:none;stroke:#ffffff29}.hos.light:not(.skin-fides):not(.skin-pop) .knob-cap{fill:#222b2b;stroke:#ffffff24}.hos.light .inspector-panel .device-303 .knob-label,.hos.light .device-303 .knob-field span{color:var(--muted)}.hos.light .inspector-module{background:#ffffff47;border-color:#0c14121f}.hos.light .step-event-module{background:0 0;border-color:#0000}.hos.light .step-lock-knobs{background:var(--surface-raised);border-color:#0c141224;box-shadow:inset 0 1px #fffc}.hos.light .mini-keys .wkey{background:#d7ddd8}.hos.light .mini-keys .bkey{background:#17201f}.hos.light .mini-keys .wkey.lit,.hos.light .mini-keys .bkey.lit{background:var(--accent)}.hos.light .tbtn{color:var(--ink);background:var(--surface-raised)}.hos.light .tbtn.play{color:var(--accent);background:#ff3b301f}.hos.light .theme-toggle{border-color:var(--line-strong);color:var(--ink);background:var(--surface-raised)}.hos.light .perf-toggle,.hos.light .perf-monitor{color:var(--ink);background:var(--surface-raised)}.hos.light .perf-graph{background:#e1e8e0}.hos.light .fx-pedal{background:linear-gradient(#ffffffe0,#f0f4eef5),#f7f8f3;box-shadow:0 6px 16px #0b12101f,inset 0 1px #ffffffeb}.hos.light .fx-pedal header span,.hos.light .return-fx-rig .knob-value{color:color-mix(in srgb, var(--pedal-color), #21302d 42%)}.hos.light .fx-pedal:after{border-color:#0c141214}.hos.light .fx-pedal:before{background:linear-gradient(90deg, color-mix(in srgb, var(--pedal-color), transparent 24%), transparent 58%);opacity:.5}.hos.light .fx-control-bay{background:linear-gradient(180deg, #ffffff52, #ffffff1a), color-mix(in srgb, #f7f8f3, var(--pedal-color) 5%);border-color:#0c141214}.hos.light .fx-footswitch span{background:radial-gradient(circle at 42% 32%,#ffffff52,#0000 22%),linear-gradient(#253131,#07100f)}.hos.light .plugin-window{background:var(--panel);color:var(--ink)}*{box-sizing:border-box}body{min-width:0;min-height:100vh;color:var(--ink);background:var(--bg);margin:0}button,input,select{font:inherit}button{border:1px solid var(--line);background:var(--panel-2);min-height:30px;color:var(--ink);cursor:pointer;border-radius:6px;transition:transform .13s,border-color .13s,background .13s,color .13s;box-shadow:inset 0 1px #ffffff0b}button:hover{border-color:var(--line-strong);background:var(--panel-3);transform:translateY(-1px)}button:active{box-shadow:var(--shadow-pressed);transform:translateY(1px)}button.active,button.hot{border-color:var(--accent);color:var(--ink);background:#ff3b301f}button.primary{color:var(--accent-ink);background:var(--accent);border-color:#0000;font-weight:800}a{color:inherit;text-decoration:none}.instrument-shell,.hos{grid-template-columns:282px minmax(0,1fr) 322px;align-items:stretch;height:100svh;min-height:0;display:grid;overflow:hidden}.browser-panel,.inspector-panel{background:var(--panel);overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:12px;min-width:0;height:100svh;min-height:0;padding:16px;display:flex}.inspector-panel,.inspector-panel *{max-width:100%}.browser-panel{border-right:1px solid var(--line);overflow-y:auto}.inspector-panel{border-left:1px solid var(--line);overflow:hidden auto}.inspector-panel h2{margin-bottom:2px;font-size:22px}.inspector-panel .section-label{margin-bottom:4px;font-size:9px}.inspector-panel .field{gap:4px}.inspector-panel .field span{letter-spacing:.08em;font-size:9px}.inspector-panel input,.inspector-panel select{min-height:26px}.inspector-panel input[type=range]{width:100%;min-width:0;min-height:20px}.brand-stack{border-bottom:1px solid var(--line);padding-bottom:18px}.machine-label,.section-label{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800;display:block}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:12px;font-size:42px;line-height:.92}h2{letter-spacing:0;margin-bottom:8px;font-size:28px;line-height:1}p{color:var(--muted);line-height:1.5}.browser-section{gap:8px;display:grid}.browser-section-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.browser-section-head .section-label{margin-bottom:0}.browser-section-head small{color:var(--faint);font-variant-numeric:tabular-nums;font-size:10px;font-weight:900}.scroll-window{overscroll-behavior:contain;scroll-behavior:smooth;scroll-snap-type:y proximity;scrollbar-color:#ff3b3073 #ffffff0d;scrollbar-width:thin;gap:8px;min-height:0;padding:2px 4px 8px 0;scroll-padding:8px;display:grid;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 18px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 18px),#0000 100%)}.scroll-window::-webkit-scrollbar{width:7px}.scroll-window::-webkit-scrollbar-track{background:#ffffff0b;border-radius:999px}.scroll-window::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent), var(--cyan-fluo));border-radius:999px}.territory-scroll{max-height:322px}.loop-scroll{max-height:292px}.scroll-window>button{scroll-snap-align:start;animation:.38s both list-item-rise}.scroll-window>button:nth-child(2n){animation-delay:22ms}.scroll-window>button:nth-child(3n){animation-delay:44ms}.territory{text-align:left;gap:3px;min-height:58px;padding:10px 12px;display:grid}.territory span{font-weight:800}.territory small,.lane-row small,.readout-cluster span,.field span,.history-list span,.archive-links a{color:var(--muted);font-size:12px}.territory.active{border-color:var(--accent);color:var(--ink);background:var(--panel-3)}.territory.active small{color:var(--muted)}.inspiration-loops{border-top:1px solid var(--line);gap:8px;padding-top:18px;display:grid}.loop-button{text-align:left;gap:3px;min-height:50px;padding:9px 11px;display:grid;position:relative;overflow:hidden}.loop-button:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#74f3ff61,#0000);height:1px;transition:opacity .16s,transform .16s;position:absolute;inset:auto 10px 7px;transform:scaleX(.35)}.loop-button:hover:after{opacity:1;transform:scaleX(1)}.loop-button span{font-size:13px;font-weight:900}.loop-button small{color:var(--muted);font-size:11px;line-height:1.35}.idea-notes{border-top:1px solid var(--line);gap:12px;padding-top:18px;display:grid}.idea-notes dl{gap:11px;margin:0;display:grid}.idea-notes dt{color:var(--faint);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800}.idea-notes dd{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.idea-notes dd small{color:var(--faint);font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-top:4px;display:block}.archive-links{border-top:1px solid var(--line);gap:8px;margin-top:auto;padding-top:18px;display:grid}.archive-links a{border-bottom:1px solid #e6eef014;align-items:center;min-height:30px;display:flex}.sequencer-stage{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:16px;min-width:0;height:100svh;min-height:0;padding:22px;display:flex;overflow:auto}.sequencer-stage>*{flex:none}.machine-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.machine-header h2{font-size:46px}.machine-header p{max-width:700px;margin-bottom:0}.readout-cluster{flex-direction:column;flex:none;align-items:flex-end;gap:8px;display:flex}.readout-row{align-items:center;gap:8px;display:flex}.header-titles{min-width:0}.readout-cluster .status{box-shadow:none;color:var(--muted);background:0 0;border:0;padding:0}.readout-cluster span{border:1px solid var(--line);min-height:34px;color:var(--display);font-variant-numeric:tabular-nums;background:#020303;border-radius:6px;align-items:center;padding:0 10px;display:inline-flex}.page-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:2px 0 8px;display:grid}.page-strip button{border-radius:7px;min-height:36px;padding:0 14px;font-weight:750}.page-strip button.live{border-color:var(--accent);color:var(--ink)}.page-strip button.live:after{content:"";background:var(--accent);vertical-align:middle;border-radius:999px;width:6px;height:6px;margin-left:8px;display:inline-block}.readout-cluster span.live{border-color:var(--accent);color:var(--accent)}.xox-surface{--label-col:190px;align-content:start;gap:10px;min-height:0;padding-right:4px;display:grid;overflow:visible}.step-ruler,.step-lane,.ruler-steps{align-items:center;gap:6px;display:grid}.step-ruler{grid-template-columns:var(--label-col) minmax(0, 1fr)}.ruler-steps,.step-lane{grid-template-columns:repeat(var(--steps), minmax(0, 1fr))}.ruler-caption{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.step-ruler b{min-height:22px;color:var(--faint);font-variant-numeric:tabular-nums;place-items:center;font-size:11px;display:grid}.step-ruler b.playing{color:var(--accent)}.led{background:var(--lane-led,var(--accent));border-radius:999px;flex:none;width:9px;height:9px;display:inline-block}.drum-rack{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);gap:6px;padding:8px;display:grid}.drum-row{grid-template-columns:var(--label-col) minmax(0, 1fr);align-items:stretch;gap:7px;display:grid}.drum-row.dimmed{opacity:.42}.drum-label{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:5px;display:grid}.drum-vary{letter-spacing:.05em}.voice-pick{border-color:color-mix(in srgb, var(--lane-led), transparent 76%);border-left:3px solid var(--lane-led);text-align:left;background:#090a0b;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-height:42px;padding:7px 44px 7px 9px;display:grid;position:relative;overflow:hidden}.track-copy{gap:1px;min-width:0;display:grid}.track-copy b{color:var(--ink);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;overflow:hidden}.track-copy small{color:var(--faint);letter-spacing:.02em;text-overflow:ellipsis;text-transform:none;white-space:nowrap;font-size:9px;font-weight:800;overflow:hidden}.voice-pick em,.lane-pick em{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-style:normal;font-weight:900;position:absolute;top:7px;right:8px}.drum-row.armed .voice-pick{border-color:color-mix(in srgb, var(--lane-led), white 20%);background:var(--panel-3)}.drum-ms{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.drum-ms button{min-width:0;min-height:28px;padding:0;font-size:11px;font-weight:900}.step-lane.compact{padding:0}.lane-row{grid-template-columns:var(--label-col) minmax(0, 1fr);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);gap:0;min-height:96px;display:grid;overflow:hidden}.lane-row.dimmed{opacity:.44}.lane-row header{border-right:1px solid var(--line);background:#090a0b;align-content:space-between;gap:12px;padding:12px;display:grid}.lane-actions{flex-wrap:wrap;gap:5px;display:flex}.lane-actions button{flex:42px;min-height:28px;padding:0 6px;font-size:11px;font-weight:900}.lane-actions .lane-plugin{border-color:var(--accent);color:var(--ink);background:#ff3b301a;flex-basis:58px;font-weight:900}.lane-controls{grid-column:2;grid-template-columns:70px minmax(100px,1fr) minmax(100px,1fr);gap:8px;padding:8px 12px 0;display:grid}.lane-controls label,.field{gap:5px;display:grid}.lane-controls span,.field span{color:var(--faint);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}input,select{border:1px solid var(--line);width:100%;min-width:0;min-height:30px;color:var(--ink);background:#090a0b;border-radius:6px}.hos-viz .hos-viz-selectwrap select,.hos-fieldcard .hos-fieldcard-selectwrap select{height:auto!important;min-height:0!important;box-shadow:none!important;color:inherit!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.hos.light .hos-viz .hos-viz-selectwrap select,.hos.light .hos-fieldcard .hos-fieldcard-selectwrap select{box-shadow:none!important;color:inherit!important;background:0 0!important}input[type=range]{accent-color:var(--accent)}.step-lane{grid-column:2;padding:8px 12px 12px}.step-lane button{aspect-ratio:1;color:#0000;background:var(--pad);border-color:#e6eef024;border-radius:7px;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000080,inset 0 1px #ffffff0a}.step-lane button:active{box-shadow:inset 0 2px 4px #0000008c}.step-lane button.beat{background:#303537}.step-lane button.on{color:#050606;background:var(--pad-lit);border-color:#f1f4f2;box-shadow:0 2px 6px #0000008c,inset 0 1px #ffffff8c}.step-lane button.on:before{content:"";background:var(--lane-led,var(--accent));border-radius:999px;width:6px;height:6px;position:absolute;top:6px;left:6px}.lane-row.bass .step-lane button.on{--lane-led:var(--blue)}.lane-row.chords .step-lane button.on{--lane-led:var(--green)}.lane-row.motif .step-lane button.on{--lane-led:var(--violet)}.lane-row.texture .step-lane button.on{--lane-led:var(--rose)}.step-lane button.selected{outline:2px solid var(--ink);outline-offset:2px}.step-lane button.playing{outline:2px solid var(--accent);outline-offset:-4px}.step-lane button span{z-index:1;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 3px;font-size:10px;font-weight:900;position:relative;overflow:hidden}.step-lane button i{background:#00000052;height:3px;position:absolute;bottom:0;left:0}.macro-deck{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:10px;display:grid}.workspace-tabs{border:1px solid var(--line);background:#090a0b;border-radius:8px;align-items:center;gap:4px;width:max-content;max-width:100%;padding:4px;display:flex}.workspace-tabs button{min-width:118px;min-height:34px;padding:0 16px;font-weight:900}.workspace-tabs button.active{border-color:var(--accent);background:#ff3b3024}.workspace-pane{min-width:0;min-height:0;overflow:visible}.sequencer-pane{grid-template-rows:auto auto auto;gap:18px;display:grid}.mixer-pane{--mixer-strip-width:136px;--mixer-fader-height:clamp(148px, 20vh, 230px);display:grid;overflow:visible}.fx-pane{display:grid;overflow:visible}.mixer-console,.fx-console{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);min-width:0;box-shadow:var(--shadow-soft);align-content:start;gap:14px;padding:12px;display:grid}.mixer-console header,.fx-console header,.acid-view header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.mixer-console h3,.fx-console h3,.acid-view h3{margin:0;font-size:18px;line-height:1}.mixer-console small,.fx-console small{color:var(--muted);font-size:11px}.return-fx-rig{grid-template-columns:repeat(2,minmax(340px,520px));justify-content:center;gap:18px;min-width:0;display:grid}.fx-pedal{--pedal-color:var(--cyan-fluo);--pedal-color-2:var(--blue);--pedal-color-3:var(--green);border:1px solid color-mix(in srgb, var(--pedal-color), transparent 42%);isolation:isolate;contain:layout paint;background:radial-gradient(circle at 18px 18px, #fff3 0 2px, #0006 2px 4px, transparent 4px), radial-gradient(circle at calc(100% - 18px) 18px, #fff3 0 2px, #0006 2px 4px, transparent 4px), radial-gradient(circle at 18px calc(100% - 18px), #ffffff29 0 2px, #00000070 2px 4px, transparent 4px), radial-gradient(circle at calc(100% - 18px) calc(100% - 18px), #ffffff29 0 2px, #00000070 2px 4px, transparent 4px), linear-gradient(160deg, color-mix(in srgb, var(--pedal-color), #23282a 28%), #111517 42%, #07090a);border-radius:12px;grid-template-rows:auto minmax(0,1fr);gap:14px;min-width:0;min-height:360px;padding:24px 26px 22px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 18px #00000057,inset 0 1px #ffffff29,inset 0 -1px #0000008f}.fx-pedal.delay{--pedal-color:var(--magenta-fluo);--pedal-color-2:var(--violet);--pedal-color-3:var(--gold-fluo)}.fx-pedal:before{content:"";pointer-events:none;opacity:1;background:linear-gradient(#ffffff0e,#0000 28%),repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 18px);border:1px solid #ffffff0f;border-radius:9px;position:absolute;inset:10px}.fx-pedal:after{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--pedal-color), transparent 34%), transparent);opacity:.66;border:0;border-radius:0;height:1px;position:absolute;bottom:70px;left:24px;right:24px}.fx-pedal>header,.fx-control-bay{z-index:1;position:relative}.fx-pedal>header:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--pedal-color), transparent 45%), transparent);height:1px;position:absolute;bottom:-10px;left:0;right:0}.fx-pedal>*{z-index:1;position:relative}.fx-pedal header{justify-content:space-between;align-items:flex-start;gap:12px;min-height:78px;display:flex}.fx-pedal header span{color:color-mix(in srgb, var(--pedal-color), white 24%);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:900;display:block}.fx-pedal header strong{letter-spacing:0;font-size:clamp(30px,3vw,44px);line-height:.88;display:block}.fx-pedal header i{background:var(--pedal-color);width:13px;height:13px;box-shadow:0 0 8px color-mix(in srgb, var(--pedal-color), transparent 38%);border-radius:999px;flex:none}.fx-pedal-knobs{grid-template-columns:repeat(auto-fit,minmax(76px,86px));place-content:start center;justify-items:center;gap:16px 22px;min-width:0;display:grid}.fx-pedal.reverb .fx-pedal-knobs{grid-template-columns:repeat(3,minmax(76px,86px))}.fx-pedal.delay .fx-pedal-knobs{grid-template-columns:repeat(4,minmax(76px,86px))}.fx-control-bay{background:0 0;border:0;border-radius:0;grid-template-rows:auto 1fr;place-self:stretch center;align-items:start;gap:24px;width:min(100%,420px);padding:12px 0 0;display:grid}.return-fx-rig .knob{width:76px;min-width:0}.return-fx-rig .knob-dial{width:62px;height:62px}.return-fx-rig .knob-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:74px;font-size:9px;overflow:hidden}.return-fx-rig .knob-value{color:color-mix(in srgb, var(--pedal-color), white 32%);font-size:13px}.fx-footswitch{place-items:end center;min-height:118px;display:grid}.fx-footswitch span{border:1px solid color-mix(in srgb, var(--pedal-color), transparent 50%);background:radial-gradient(circle at 42% 32%, #ffffff38, transparent 20%), radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--pedal-color), transparent 86%), transparent 42%), linear-gradient(180deg, #252b2e, #090b0c);border-radius:999px;width:56px;height:56px;box-shadow:0 2px #ffffff0d,0 7px 12px #00000057,inset 0 3px 3px #ffffff14,inset 0 -8px 14px #000000b3}.mixer-workbench{grid-template-columns:minmax(0, 1fr) var(--mixer-strip-width);align-items:stretch;gap:12px;min-width:0;display:grid}.mixer-scroll{grid-auto-columns:minmax(var(--mixer-strip-width), 142px);grid-auto-flow:column;gap:12px;min-width:0;padding:0 2px;display:grid;overflow:auto visible}.master-bus{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 28px calc(var(--mixer-fader-height) + 63px) 101px;border:1px solid var(--line);background:#090a0b;border-radius:6px;align-content:start;align-self:start;align-items:start;gap:8px;min-width:0;min-height:0;padding:10px;display:grid;box-shadow:inset 0 1px #ffffff0a}.master-bus .master-name{justify-content:normal;align-items:start;gap:1px;min-height:46px;display:grid}.master-status-row{grid-template-columns:minmax(0,1fr) minmax(24px,auto);gap:4px;min-width:0;display:grid}.master-status-row span{background:var(--panel-2);min-width:0;min-height:28px;color:var(--muted);font-variant-numeric:tabular-nums;border:1px solid #e6eef01f;border-radius:5px;align-items:center;padding:0 6px;font-size:9px;font-weight:900;line-height:1;display:grid}.master-status-row .master-db{text-overflow:ellipsis;white-space:nowrap;justify-content:start;overflow:hidden}.master-status-row .master-meter-value{color:var(--display);justify-content:end}.master-status-row .clip{color:var(--accent)}.digital-meter{background:linear-gradient(#a7ff8f0d,#0000 28%),#020404;border:1px solid #a7ff8f1f;border-radius:6px;grid-template-columns:repeat(2,auto) minmax(22px,1fr);justify-content:center;align-items:stretch;gap:7px;min-width:0;height:100%;min-height:0;padding:9px 6px;display:grid;box-shadow:inset 0 0 0 1px #000000a8,inset 0 1px 10px #0000009e}.digital-meter-row{grid-template-rows:minmax(0,1fr) auto;place-items:stretch center;gap:5px;height:100%;min-height:0;display:grid}.digital-meter-row>span{color:var(--display);text-align:center;font-size:10px;font-weight:900;line-height:1}.digital-meter-bars{flex-direction:column-reverse;gap:2px;width:18px;min-width:0;height:100%;min-height:0;display:flex}.digital-meter-bars i{background:#a7ff8f14;border-radius:2px;flex:1 1 0;width:100%;min-height:4px;box-shadow:inset 0 0 0 1px #ffffff09}.digital-meter-bars i.on{background:#9df042;box-shadow:0 0 5px #9df0422e}.digital-meter-bars i.warn{background:#d4de35;box-shadow:0 0 5px #d4de352e}.digital-meter-bars i.hot{background:#ff3b30;box-shadow:0 0 5px #ff3b3038}.digital-meter.clip{border-color:#ff3b3066}.digital-meter-scale{color:#a7ff8f9e;font-variant-numeric:tabular-nums;grid-template-rows:repeat(8,minmax(0,1fr));align-items:center;gap:0;padding:1px 0 17px;font-size:8px;font-weight:800;display:grid}.digital-meter-scale span:nth-child(-n+2){color:#ff3b30d1}.master-knob-bay{background:0 0;border:0;place-items:center;gap:2px;min-height:0;padding:0;display:grid}.master-knob-bay .knob{gap:3px}.master-knob-bay .knob-dial{width:40px;height:40px}.master-knob-bay>span{color:var(--muted);font-size:9px;font-weight:900;display:grid}.master-knob-bay b{color:var(--display);font-variant-numeric:tabular-nums;letter-spacing:0;font-size:13px;line-height:1}.channel-strip{min-width:var(--mixer-strip-width);border:1px solid var(--line);background:#090a0b;border-radius:6px;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:8px;padding:10px;display:grid}.channel-strip.selected{border-color:var(--accent)}.channel-strip.dimmed{opacity:.46}.channel-name{text-align:left;background:var(--panel-2);gap:1px;min-height:46px;padding:8px;display:grid}.channel-name span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;overflow:hidden}.channel-name small{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.channel-ms,.acid-flags{grid-template-columns:1fr 1fr;gap:4px;display:grid}.channel-ms{min-width:0}.level-meter{--meter-level:var(--level,0%);background:#050607;border:1px solid #e6eef01f;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;display:grid;position:relative;overflow:hidden}.level-meter i{background:linear-gradient(90deg, var(--green), var(--display) 70%, var(--accent));min-width:0;display:block}.level-meter b{min-width:28px;color:var(--display);font-variant-numeric:tabular-nums;text-align:right;padding-right:4px;font-size:9px}.level-meter.horizontal{height:16px}.level-meter.horizontal i{width:var(--meter-level);border-radius:999px;height:8px}.level-meter.vertical{border-radius:999px;align-items:flex-end;width:8px;height:100%;min-height:34px;display:flex}.level-meter.vertical i{width:100%;height:var(--meter-level);background:linear-gradient(0deg, var(--green), var(--display) 72%, var(--accent));will-change:height;border-radius:999px;min-height:0;transition:height 70ms linear;transform:none}.level-meter.clip{border-color:var(--accent);box-shadow:0 0 0 1px #ff3b3038}.level-meter.clip i{background:var(--accent)}.level-meter.clip b{color:var(--accent)}.channel-ms button,.acid-flags button{min-height:28px;font-size:10px;font-weight:900}.channel-fader{grid-template-rows:auto var(--mixer-fader-height) auto;min-height:calc(var(--mixer-fader-height) + 38px);background:#050607;border:1px solid #e6eef01a;border-radius:6px;justify-items:center;gap:6px;padding:10px 6px;display:grid;position:relative}.fader-stage{width:100%;height:var(--mixer-fader-height);min-height:var(--mixer-fader-height);grid-template-columns:44px 16px 28px;justify-content:center;align-items:stretch;gap:6px;display:grid;position:relative}.fader-stage:before{content:"";background:linear-gradient(#f1f4f233,#f1f4f20f);border-radius:999px;width:6px;position:absolute;top:0;bottom:0;left:calc(50% - 28px);box-shadow:inset 0 0 0 1px #00000080}.fader-head,.strip-knobs .knob-label{color:var(--faint);text-transform:uppercase;font-size:9px;font-weight:900}.fader-head{justify-content:space-between;align-items:baseline;gap:10px;width:100%;min-height:14px;display:flex}.meter-value{color:var(--muted);font-variant-numeric:tabular-nums;text-transform:none;font-size:9px}.meter-value.clip{color:var(--accent)}.channel-fader .fader-db{color:var(--muted);font-variant-numeric:tabular-nums;text-transform:none;font-size:10px}.fader-control{appearance:none;z-index:1;width:100%;height:100%;min-height:var(--mixer-fader-height);writing-mode:vertical-lr;accent-color:var(--accent);box-shadow:none;cursor:grab;direction:rtl;background:0 0;border:0;grid-column:1}.fader-control::-webkit-slider-runnable-track{-webkit-appearance:none;background:0 0;border:0;border-radius:999px;width:6px;height:100%}.fader-control::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:0;border-radius:3px;width:16px;height:16px;margin-left:-5px;box-shadow:0 0 0 2px #000000bf}.fader-control::-moz-range-track{background:0 0;border:0;width:6px;height:100%}.fader-control::-moz-range-progress{background:0 0}.fader-control::-moz-range-thumb{background:var(--accent);border:0;border-radius:3px;width:16px;height:16px;box-shadow:0 0 0 2px #000000bf}.fader-control:active{cursor:grabbing}.fader-meter{grid-column:2;height:100%;display:block}.fader-meter .level-meter{width:16px;min-height:var(--mixer-fader-height);background:linear-gradient(#ff3b3038 0%,#f6dd5d2e 28%,#84ff762e 100%);border-color:#e6eef047;box-shadow:inset 0 0 0 1px #00000094}.fader-meter .level-meter:before{content:"";opacity:.55;background:linear-gradient(0deg,#84ff766b 0 58%,#f6dd5d75 58% 82%,#ff3b3080 82% 100%);border-radius:999px;position:absolute;inset:4px 5px}.fader-meter .level-meter i{z-index:1;background:linear-gradient(#ff3b30 0%,#f6dd5d 28%,#84ff76 100%);width:calc(100% - 8px);min-height:2px;margin:4px;box-shadow:0 0 8px #84ff7640}.fader-scale{height:100%;color:var(--faint);font-variant-numeric:tabular-nums;grid-column:3;grid-template-rows:repeat(12,1fr);align-items:start;font-size:9px;line-height:1;display:grid}.channel-fader b{color:var(--display);font-variant-numeric:tabular-nums;font-size:13px}.strip-knobs{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 3px;min-width:0;display:grid}.channel-strip .knob{gap:3px}.channel-strip .knob-dial{width:24px;height:24px}.channel-strip .knob-value{font-size:9px}.channel-strip .knob-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:30px;font-size:8px;overflow:hidden}.mixer-pane .mixer-console{grid-template-rows:auto auto;height:auto;min-height:0}.mixer-pane .mixer-scroll{align-items:start;height:auto;max-height:none;padding-bottom:8px;overflow:auto visible}.macro{grid-template-columns:1fr auto;gap:6px;display:grid}.macro span{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.macro b{color:var(--display);font-variant-numeric:tabular-nums}.macro input{grid-column:1/-1}.transport{border-top:1px solid var(--line);grid-template-columns:120px 1fr 90px 140px;gap:10px;padding-top:10px;display:grid}.transport button{min-height:44px;font-weight:850}.inspector-block{border-bottom:1px solid var(--line);gap:9px;min-width:0;padding-bottom:12px;display:grid}.step-inspector{gap:8px;display:grid}.inspector-module{border:1px solid var(--line);background:#ffffff05;border-radius:7px;gap:7px;min-width:0;padding:8px;display:grid}.step-event-module{background:0 0;border:0;padding:0}.module-label{color:var(--faint);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:900}.value-control.drum{border:1px solid var(--line);background:var(--panel-2);border-radius:6px;gap:4px;padding:7px 9px;display:grid}.value-label{color:var(--faint);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.voice-chip{align-items:center;gap:8px;font-size:15px;font-weight:900;display:flex}.hint{display:none}.split-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.plock-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.step-lock-knobs{border:1px solid var(--line);background:#050607;border-radius:6px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 4px;min-width:0;padding:8px 6px;display:grid;box-shadow:inset 0 1px 4px #00000075}.step-lock-knobs .knob{gap:2px;min-width:0}.step-lock-knobs .knob-dial{width:34px;height:34px}.step-lock-knobs .knob-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:54px;font-size:8px;overflow:hidden}.step-lock-knobs .knob-value{font-size:9px}.empty-step{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);gap:10px;padding:14px;display:grid}.empty-step p{margin:0}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.history-list{gap:6px;display:grid}.history-list span{border-bottom:1px solid #e6eef014;padding-bottom:6px}.transport-bar{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex;box-shadow:0 3px 10px #00000073,inset 0 1px #ffffff0a}.transport-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tbtn{border:1px solid var(--line-strong);width:44px;height:44px;color:var(--muted);background:#15191c;border-radius:999px;place-items:center;padding:0;display:grid;box-shadow:0 3px 7px #0000008c,inset 0 1px #ffffff0f}.tbtn:hover{color:var(--ink);background:#1b2024}.tbtn:active{box-shadow:inset 0 2px 6px #0009}.tbtn.play{width:52px;height:52px;color:var(--accent);border-color:var(--accent);background:#1a1213}.tbtn.play.playing{background:#ff3b3029}.transport-pos{border:1px solid var(--line);min-height:30px;color:var(--display);font-variant-numeric:tabular-nums;letter-spacing:.04em;background:#020303;border-radius:6px;align-items:center;margin-left:6px;padding:0 10px;display:inline-flex}.transport-pos.live{color:var(--accent);border-color:var(--accent)}.transport-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:0;display:flex}.transport-bar{flex-wrap:wrap}.transport-actions button,.transport-actions .tape-trigger{min-height:36px;padding:0 13px;font-weight:700;box-shadow:0 2px 5px #0006}.transport-group{border-left:1px solid var(--line);align-items:center;gap:6px;min-height:38px;padding:0 10px;display:inline-flex}.transport-group:first-child{border-left:0}.transport-group .mini-label{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.length-pick{padding-left:0}.length-pick .mini-label{margin-right:2px}.length-pick button{font-variant-numeric:tabular-nums;min-width:36px;min-height:30px;font-size:12px;font-weight:700}.length-pick button.active{border-color:var(--accent);color:var(--ink);background:#ff3b3024}.key-pick{border:1px solid var(--line);background:#020303;border-radius:6px;align-items:center;gap:6px;min-height:34px;padding:0 9px;display:inline-flex;box-shadow:0 2px 5px #0006,inset 0 1px #ffffff0a}.key-pick .mini-label{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.key-pick select{width:auto;min-height:26px;color:var(--display);background:0 0;border:0;padding:0 4px;font-weight:700}.skin-picker{border:1px solid var(--line);background:#020303;border-radius:6px;align-items:center;gap:6px;min-height:34px;padding:0 9px;display:inline-flex;box-shadow:0 2px 5px #0006,inset 0 1px #ffffff0a}.skin-picker .mini-label{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.skin-picker select{width:auto;min-height:26px;color:var(--display);background:0 0;border:0;padding:0 4px;font-weight:700}.theme-toggle,.perf-toggle{border-color:var(--line);min-height:34px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:0 12px;font-size:11px;font-weight:900}.perf-toggle.active{border-color:var(--display);color:var(--display);background:#a7ff8f1a}.perf-monitor{border:1px solid var(--line-strong);width:min(300px,100%);color:var(--ink);box-shadow:var(--shadow-soft);background:#080a0af0;border-radius:8px;gap:9px;padding:12px;display:grid}.perf-monitor header{justify-content:space-between;align-items:center;gap:10px;display:flex}.perf-monitor header span,.perf-monitor small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.perf-monitor header b{color:var(--display);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.perf-monitor.watch header b{color:var(--gold-fluo)}.perf-monitor.stress header b{color:var(--accent)}.perf-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.perf-stats span{border:1px solid var(--line);min-width:0;color:var(--faint);text-transform:uppercase;border-radius:6px;gap:2px;padding:6px;font-size:9px;font-weight:900;display:grid}.perf-stats b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:16px;line-height:1}.perf-graph{border:1px solid var(--line);background:#050607;border-radius:6px;align-items:end;gap:2px;height:40px;padding:5px;display:flex}.perf-graph i{background:linear-gradient(180deg, var(--accent), var(--gold-fluo) 48%, var(--display));border-radius:999px 999px 0 0;flex:1;min-width:2px}.output-gain{border:1px solid var(--line);background:#020303;border-radius:6px;grid-template-columns:auto 64px minmax(78px,108px) 28px;align-items:center;gap:6px;min-height:34px;padding:0 8px;display:inline-grid;box-shadow:0 2px 5px #0006,inset 0 1px #ffffff0a}.output-gain .mini-label{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.output-gain input{min-height:24px}.output-gain b{color:var(--display);font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.lane-settings{grid-template-columns:62px minmax(0,1fr) minmax(0,1fr);align-items:end;gap:6px;display:grid}.engine-select{gap:6px;display:grid}.engine-select>span{color:var(--faint);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.engine-select>div{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:5px;display:grid}.engine-select button{min-width:0;min-height:30px;padding:0 8px;font-size:11px;font-weight:850}.block-hint{display:none}.device-303{border:1px solid var(--line);background:#050607;border-radius:7px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px;padding:10px;display:grid;box-shadow:inset 0 2px 6px #00000080}.waveform-select{grid-column:1/-1;gap:7px;display:grid}.waveform-select span{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.waveform-select div{grid-template-columns:1fr 1fr;gap:6px;display:grid}.waveform-select button{border:1px solid var(--line);min-height:30px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#101314;border-radius:5px;font-size:10px;font-weight:900}.waveform-select button.active{border-color:var(--accent);color:var(--accent-ink);background:var(--accent)}.knob-field{justify-items:center;gap:5px;display:grid}.knob-field span{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.knob-field b{color:var(--display);font-variant-numeric:tabular-nums;font-size:11px}.knob-field input[type=range]{width:100%}.toggle-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.toggle-field{letter-spacing:.06em;text-transform:uppercase;min-height:36px;font-size:11px;font-weight:800}.toggle-field.active{border-color:var(--accent);color:var(--ink);background:#ff3b3029;box-shadow:inset 0 1px #ffffff0f}.scene-grid .capture{color:var(--muted);border-style:dashed}.morph-block{gap:9px;display:grid}.morph-ends{justify-content:space-between;align-items:center;gap:8px;display:flex}.morph-ends span{color:var(--muted);font-size:12px;font-weight:700}.morph-ends b{color:var(--accent);font-variant-numeric:tabular-nums;font-size:13px}.drum-rack,.lane-row,.macro-deck{box-shadow:0 3px 10px #0006,inset 0 1px #ffffff08}.macro-deck{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);padding:12px}.territory,.voice-pick,.readout-cluster span{box-shadow:0 2px 5px #0006,inset 0 1px #ffffff0a}.territory.active{box-shadow:0 2px 8px #00000080,inset 0 1px #ffffff0d}.inspector-block{position:relative}.inspector-fold{border-bottom:1px solid var(--line);gap:7px;padding-bottom:10px;display:grid}.inspector-fold summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:24px;list-style:none;display:flex}.inspector-fold summary::-webkit-details-marker{display:none}.inspector-fold summary:after{content:"+";border:1px solid var(--line);width:20px;height:20px;color:var(--muted);border-radius:4px;place-items:center;font-size:13px;font-weight:900;display:grid}.inspector-fold[open] summary:after{content:"-";color:var(--accent)}.inspector-fold summary .section-label{margin:0}.fold-body{gap:7px;display:grid}.knob{justify-items:center;gap:4px;display:grid}.knob-dial{cursor:ns-resize;touch-action:none;border-radius:999px;width:50px;height:50px;transition:transform .1s;box-shadow:0 1px 3px #00000047,inset 0 1px #ffffff0f}.knob-dial:hover{transform:translateY(-1px)scale(1.03)}.knob-dial:active{transform:translateY(1px)scale(.985)}.knob-dial:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.knob-track{fill:#0a0c0d;stroke:var(--line-strong);stroke-width:1.5px}.knob-cap{fill:#1b2024;stroke:#ffffff14}.knob-pointer{stroke:var(--accent);stroke-width:2.6px;stroke-linecap:round}.knob-label{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.knob-value{color:var(--display);font-variant-numeric:tabular-nums;font-size:12px}.macro-deck{justify-items:center}.device-303 .knob-dial{width:44px;height:44px}.inspector-panel .device-303{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 6px;padding:10px 8px}.inspector-panel .device-303 .knob{gap:2px}.inspector-panel .device-303 .knob-dial{width:36px;height:36px}.inspector-panel .device-303 .knob-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:68px;font-size:8.5px;overflow:hidden}.inspector-panel .device-303 .knob-value{font-size:10px}.bpm-field{border:1px solid var(--line);background:#020303;border-radius:6px;align-items:center;gap:5px;min-width:118px;min-height:34px;padding:0 9px;display:inline-flex;box-shadow:0 2px 5px #0006,inset 0 1px #ffffff0a}.bpm-field input{width:58px;min-height:26px;color:var(--display);font-variant-numeric:tabular-nums;text-align:right;background:0 0;border:0;font-weight:700}.bpm-field .unit{color:var(--faint);letter-spacing:.08em;font-size:10px;font-weight:800}.value-control{gap:6px;display:grid}.mini-keys{grid-template-columns:repeat(14,1fr);gap:2px;height:54px;display:grid;position:relative}.inspector-panel .mini-keys{height:40px}.wkey{background:#2a2f31;border:1px solid #00000073;border-radius:0 0 4px 4px;position:relative}.wkey.lit{background:var(--accent)}.bkey{z-index:2;background:#0a0c0d;border:1px solid #0009;border-radius:0 0 3px 3px;width:10px;height:60%;position:absolute;top:0;right:-5px}.bkey.lit{background:var(--accent)}.lane-pick{border:1px solid color-mix(in srgb, var(--lane-led), transparent 80%);border-left:3px solid var(--lane-led);text-align:left;background:#ffffff05;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:54px;padding:8px 48px 8px 9px;display:grid;overflow:hidden}.lane-pick:hover{border-color:color-mix(in srgb, var(--lane-led), white 16%);background:var(--panel-3)}.lane-row.armed .lane-pick{border-color:color-mix(in srgb, var(--lane-led), white 20%);background:var(--panel-3)}.lane-row.armed{border-color:color-mix(in srgb, var(--lane-led), transparent 52%)}.acid-view{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);gap:12px;padding:12px;display:grid;box-shadow:0 3px 10px #0006,inset 0 1px #ffffff08}.acid-view header .device-303{grid-template-columns:repeat(6,minmax(0,1fr));width:min(430px,58vw);padding:7px}.acid-view header .knob-dial{width:34px;height:34px}.acid-grid{grid-template-columns:repeat(var(--steps), minmax(0, 1fr));gap:6px;display:grid}.acid-step{border:1px solid var(--line);background:#090a0b;border-radius:6px;gap:5px;min-width:0;padding:6px;display:grid}.acid-step.on{border-color:var(--blue)}.acid-step.selected{outline:2px solid var(--ink);outline-offset:1px}.acid-step.playing{border-color:var(--accent)}.acid-hit{min-height:28px;color:var(--faint);font-variant-numeric:tabular-nums;padding:0;font-size:11px;font-weight:900}.acid-step.on .acid-hit{color:var(--ink);background:#53a7b82e}.acid-step select{text-align:center;min-height:26px;padding:0 3px;font-size:11px}.euclid-panel{gap:8px;display:grid}.euclid-fields{grid-template-columns:62px 62px minmax(0,1fr);gap:7px;display:grid}.euclid-fields .field:nth-child(4),.euclid-fields .field:nth-child(5){grid-column:span 1}.inspector-panel .euclid-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-panel .euclid-fields .field:nth-child(3),.inspector-panel .euclid-fields .field:nth-child(4),.inspector-panel .euclid-fields .field:nth-child(5){grid-column:span 1}.euclid-preview{grid-template-columns:repeat(var(--steps), minmax(2px, 1fr));border:1px solid var(--line);background:#050607;border-radius:6px;gap:1px;min-height:20px;padding:5px;display:grid;overflow:hidden}.euclid-preview i{background:var(--pad);border-radius:3px;min-height:10px}.euclid-preview i.beat{background:#303537}.euclid-preview i.on{background:var(--accent)}.plugin-backdrop{z-index:80;background:#000000b8;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.plugin-window{border:1px solid var(--line-strong);background:#0b0d0e;border-radius:8px;grid-template-rows:auto minmax(0,1fr);gap:14px;width:min(1540px,100vw - 56px);max-height:calc(100vh - 56px);display:grid;box-shadow:0 10px 28px #00000075,inset 0 1px #ffffff0d}.plugin-header{justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 18px 0;display:flex}.plugin-header h2{margin:0 0 6px;font-size:30px}.plugin-header p{margin:0;font-size:13px}.plugin-close{min-width:76px;min-height:34px;font-weight:800}.plugin-body{min-width:0;padding:0 18px 18px;overflow:auto}.hos-audition{align-self:end;min-width:34px;min-height:30px}.loop-card .hos-mod-body{flex-flow:wrap;align-items:flex-start;gap:14px;display:flex}.loop-card .loop-slot{flex:0 300px;min-width:250px;margin-bottom:0}.loop-card .loop-screen{flex:none;height:150px;min-height:0}.loop-card .sh101-panel{flex-flow:wrap;flex:280px;row-gap:12px;min-width:0}.loop-slot{gap:10px;margin-bottom:12px;display:grid}.loop-slot .loop-screen{min-height:132px}.loop-slot .md-sample{align-items:center;gap:10px;display:flex}.loop-slot .md-sample-info{flex:1;gap:2px;min-width:0;display:grid}.loop-slot .md-sample-info b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.loop-slot .md-sample-info span{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.settings-plugin-window{gap:0;width:min(1120px,100vw - 72px)}.settings-plugin-window .plugin-header{border-bottom:1px solid var(--line);background:linear-gradient(180deg, #ffffff0b, transparent 72%), var(--panel);align-items:center;padding:20px 20px 14px}.settings-plugin-window .plugin-header h2{letter-spacing:0;margin-bottom:5px;font-size:28px;line-height:1}.settings-plugin-window .plugin-header p{font-size:12px;line-height:1.35}.settings-plugin-window .plugin-close{min-height:32px;font-size:12px}.settings-plugin-window .plugin-body{padding:18px 20px 20px}.hos-settings{border:1px solid var(--line);background:var(--panel);min-height:min(520px,100svh - 190px);box-shadow:var(--lift), inset 0 1px 0 #ffffff0a;border-radius:8px;grid-template-columns:220px minmax(0,1fr);display:grid;overflow:hidden}.hos-settings-tabs{border-right:1px solid var(--line);background:linear-gradient(180deg, #ffffff09, transparent 40%), color-mix(in srgb, var(--chrome), var(--well) 34%);align-content:start;gap:7px;padding:12px 10px;display:grid}.hos-settings-tab{border:1px solid var(--line);width:100%;min-height:50px;color:var(--ink-2);background:color-mix(in srgb, var(--surface-raised), transparent 18%);text-align:left;border-radius:6px;grid-template-columns:minmax(0,1fr);align-content:center;gap:3px;padding:8px 12px;display:grid;box-shadow:inset 0 1px #ffffff09}.hos-settings-tab span{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;min-width:0;font-size:13px;font-weight:700;line-height:1.1;overflow:hidden}.hos-settings-tab em{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:8.5px;font-style:normal;font-weight:600;line-height:1.1}.hos-settings-tab:hover{border-color:var(--line);color:var(--ink);background:#ffffff0a}.hos-settings-tab.on{border-color:color-mix(in srgb, var(--accent), var(--line) 45%);color:var(--accent-ink);background:linear-gradient(90deg, color-mix(in srgb, var(--accent), transparent 84%), transparent 74%), var(--surface-raised);box-shadow:inset 3px 0 0 var(--accent), var(--lift)}.hos-settings-pane{align-content:start;gap:24px;min-width:0;padding:22px 24px 28px 26px;display:grid}.hos-settings-group{gap:12px;min-width:0;display:grid}.hos-settings-group h3{color:var(--ink);letter-spacing:0;align-items:center;gap:12px;margin:0;font-size:13px;font-weight:750;line-height:1.2;display:flex}.hos-settings-group h3:after{content:"";background:var(--line);flex:1;min-width:48px;height:1px}.hos-settings-row{grid-template-columns:180px minmax(220px,360px);align-items:center;gap:16px;min-height:40px;display:grid}.hos-settings-label{gap:2px;min-width:0;display:grid}.hos-settings-label span{color:var(--ink-2);font-size:12.5px;font-weight:650;line-height:1.15}.hos-settings-label em{color:var(--ink-3);font-size:10px;font-style:normal;font-weight:500;line-height:1.25}.hos-settings-control{min-width:0}.hos-settings-control .seg{border-radius:7px;gap:5px;max-width:360px;padding:4px}.hos-settings-control .seg button{letter-spacing:0;border-radius:5px;min-width:70px;padding:6px 13px;font-size:11px;font-weight:650}.hos-settings-readout,.hos-settings-status,.hos-settings-error{border:1px solid var(--line);background:var(--well);width:100%;max-width:360px;min-height:34px;box-shadow:var(--well-in);color:var(--ink-2);border-radius:6px;align-items:center;padding:0 12px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}.hos-settings-status{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}.hos-settings-status.ready{border-color:color-mix(in srgb, var(--accent), var(--line) 40%);color:var(--accent-ink)}.hos-settings-status.blocked,.hos-settings-error{color:#ffb4b4;border-color:#ff5c5c73}.hos-settings-actions{flex-wrap:wrap;gap:10px;display:flex}.hos-settings-actions .key,.hos-settings-control>.key{min-height:34px;padding:0 14px;font-size:11px;font-weight:700}.hos-settings-about{border:1px solid var(--line);background:var(--chrome);border-radius:8px;gap:12px;max-width:620px;padding:14px;display:grid}.hos-settings-about-head{align-items:center;gap:12px;display:flex}.hos-settings-about-id b{letter-spacing:.04em;font-size:16px}.hos-settings-about-id b span{color:var(--ink-3);font-weight:650}.hos-settings-about-id em{color:var(--ink-3);font-size:10px;font-style:normal;display:block}.hos-settings-about p{max-width:58ch;color:var(--ink-2);margin:0;font-size:12px;line-height:1.55}.hos-gear{place-items:center;min-width:34px;display:inline-grid}@media (width<=920px){.settings-plugin-window{width:calc(100vw - 24px)}.settings-plugin-window .plugin-header{padding:16px 16px 12px}.settings-plugin-window .plugin-body{padding:12px}.hos-settings{grid-template-columns:1fr;min-height:0}.hos-settings-tabs{border-right:0;border-bottom:1px solid var(--line);grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;overflow-x:auto}.hos-settings-tab{min-height:48px}.hos-settings-pane{padding:16px}.hos-settings-row{grid-template-columns:1fr;align-items:stretch;gap:7px}.hos-settings-readout,.hos-settings-status,.hos-settings-error{width:100%;min-width:0}}.hiver-presets-window .plugin-body{min-height:0}.hiver-presets{grid-template-columns:minmax(280px,380px) minmax(420px,1fr);align-items:start;gap:16px;min-height:0;display:grid}.hiver-save,.hiver-bank{border:1px solid var(--line);background:var(--chrome);border-radius:8px;gap:12px;padding:14px;display:grid}.hiver-bank{grid-template-rows:auto minmax(0,auto) auto;min-height:0}.hiver-save h3{margin:2px 0 0;font-size:20px}.hiver-save p,.hiver-empty,.hiver-handoff{color:var(--ink-2);margin:0;font-size:12px;line-height:1.5}.hiver-save label{gap:6px;display:grid}.hiver-save label span{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:9px;font-weight:800}.hiver-save input,.hiver-save textarea{border:1px solid var(--line);background:var(--well);width:100%;color:var(--ink);box-shadow:var(--well-in);border-radius:6px}.hiver-save input{min-height:34px;padding:0 10px}.hiver-save textarea{resize:vertical;min-height:74px;padding:9px 10px}.hiver-tools,.hiver-sections{gap:8px;display:grid}.hiver-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.hiver-sections{grid-template-columns:repeat(auto-fit,minmax(74px,1fr))}.hiver-tools .key,.hiver-sections .key{min-width:0}.hiver-file-tools{border-top:1px solid var(--line);padding-top:8px}.hiver-file-tools summary{cursor:pointer;color:var(--ink-3);font-size:11px;font-weight:750}.hiver-file-tools:not([open]) .hiver-tools{display:none}.hiver-file-tools[open] summary{margin-bottom:8px}.hiver-bank-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hiver-list{overscroll-behavior:contain;align-content:start;gap:8px;height:clamp(300px,42vh,420px);min-height:0;padding-right:4px;display:grid;overflow:hidden auto}.hiver-item{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:11px 12px;display:grid}.hiver-item-main{gap:3px;min-width:0;display:grid}.hiver-item-main b{font-size:14px}.hiver-item-main span,.hiver-item-main em{color:var(--ink-3);font-size:10px;font-style:normal}.hiver-badges{flex-wrap:wrap;gap:5px;display:flex}.hiver-badges i{color:var(--volt-bright);text-transform:uppercase;background:#78e6ff14;border:1px solid #78e6ff33;border-radius:999px;padding:2px 6px;font-size:9px;font-style:normal;font-weight:800}.hiver-item-main p{color:var(--ink-2);margin:4px 0 0;font-size:12px;line-height:1.45}.hiver-item-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.hiver-samples,.hiver-sample-line{flex-wrap:wrap;gap:6px;display:flex}.hiver-samples{border:1px solid var(--line);background:var(--well);border-radius:6px;padding:9px}.hiver-samples b{color:var(--ink-2);flex:100%;font-size:10px}.hiver-samples span,.hiver-sample-line i{color:var(--volt-bright);background:#78e6ff1a;border-radius:999px;padding:3px 7px;font-size:10px;font-style:normal}.multimeter-plugin-window{width:min(1280px,100vw - 72px)}.multimeter-plugin-window .plugin-body{padding-top:4px}.hos-mm{gap:14px;min-width:0;display:grid}.hos-mm-controls{border:1px solid var(--line);background:var(--chrome);border-radius:8px;grid-template-columns:1.05fr 1.4fr 1fr 1fr .85fr;align-items:end;gap:10px;padding:12px;display:grid}.hos-mm-controls label{gap:6px;min-width:0;display:grid}.hos-mm-controls label>span{color:var(--ink-3);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:8.5px;font-weight:650}.hos-mm-controls .seg{border-radius:7px;gap:4px;width:100%;padding:4px;display:flex}.hos-mm-controls .seg button{letter-spacing:0;white-space:nowrap;border-radius:5px;flex:1 1 0;min-width:0;padding:6px 8px;font-size:10.5px;font-weight:650}.hos-mm-scope{border:1px solid var(--line);background:radial-gradient(circle at 50% 12%, #6fe9ff0e, transparent 34%), var(--screen,#0b0d0e);width:100%;height:390px;box-shadow:var(--well-in), inset 0 0 0 1px #ffffff09;border-radius:8px;display:block}.hos-mm-bottom{grid-template-columns:minmax(0,1fr) minmax(240px,310px);align-items:stretch;gap:12px;display:grid}.hos-mm-row{grid-template-columns:repeat(4,minmax(0,auto));align-items:stretch;gap:10px;display:grid}.hos-mm-read,.hos-mm-clip{border:1px solid var(--line);background:var(--chrome);border-radius:7px;align-content:center;min-height:58px;padding:9px 11px;display:grid;box-shadow:inset 0 1px #ffffff0a}.hos-mm-read{grid-template-rows:auto auto;grid-template-columns:auto auto;column-gap:8px}.hos-mm-read em{color:var(--ink-3);letter-spacing:.1em;grid-column:1/-1;font-size:8.5px;font-style:normal;font-weight:700}.hos-mm-read b{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;min-width:74px;font-size:25px;font-weight:750;line-height:1}.hos-mm-read i{color:var(--ink-3);align-self:end;font-size:9px;font-style:normal;line-height:1.1}.hos-mm-clip{color:var(--ink-3);letter-spacing:.1em;grid-auto-flow:column;justify-content:center;align-items:center;gap:8px;font-size:9px;font-weight:750}.hos-mm-clip i{background:#80808047;border-radius:50%;width:10px;height:10px}.hos-mm-clip.on{color:var(--hot)}.hos-mm-clip.on i{background:var(--hot);box-shadow:0 0 10px var(--hot)}.hos-mm-bars{border:1px solid var(--line);background:var(--chrome);border-radius:7px;gap:8px;padding:10px 11px;display:grid}.hos-mm-bars span{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;display:grid}.hos-mm-bars em{color:var(--ink-3);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:8.5px;font-style:normal}.hos-mm-bars b{border:1px solid var(--line);background:var(--well);height:14px;box-shadow:var(--well-in);border-radius:999px;display:block;position:relative;overflow:hidden}.hos-mm-bars i{transform-origin:0;background:linear-gradient(90deg, var(--volt), var(--accent));transition:transform 80ms linear;display:block;position:absolute;inset:0;transform:scaleX(0)}@media (width<=1180px){.multimeter-plugin-window{width:calc(100vw - 32px)}.hos-mm-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.hos-mm-scope{height:340px}}@media (width<=760px){.hos-mm-controls,.hos-mm-bottom,.hos-mm-row{grid-template-columns:1fr}.hos-mm-scope{height:300px}}.portal-page-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.portal-page-strip button{min-height:34px}.portal-page-strip button.live{border-color:var(--accent)}.plugin-body .acid-view{min-width:1180px}.plugin-body .acid-view header .device-303{width:520px}.tape-trigger{border:1px solid var(--accent);min-height:36px;color:var(--ink);letter-spacing:.02em;background:#ff3b301f;border-radius:6px;align-items:center;gap:7px;padding:0 13px;font-weight:800;display:inline-flex;box-shadow:0 2px 6px #0006}.tape-trigger:hover{background:#ff3b3038}.tape-dot{background:var(--accent);border-radius:999px;width:9px;height:9px;animation:1.8s ease-in-out infinite tape-pulse}@keyframes tape-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes list-item-rise{0%{opacity:0;transform:translateY(7px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1500px){.instrument-shell,.hos{grid-template-columns:248px minmax(0,1fr) 292px}.browser-panel,.inspector-panel,.sequencer-stage{padding:18px}.machine-header h2{font-size:38px}.transport-actions button,.transport-actions .tape-trigger{padding:0 11px}.mixer-pane{--mixer-strip-width:106px;--mixer-fader-height:clamp(148px, 17vh, 200px)}.mixer-workbench{gap:12px}.channel-strip,.master-bus{padding:8px}.channel-name{min-height:42px;padding:7px}.master-bus .master-name{min-height:42px}.strip-knobs{gap:6px 2px}.channel-strip .knob-dial{width:22px;height:22px}.master-knob-bay .knob-dial{width:38px;height:38px}}@media (width<=1180px){body{min-width:0}.instrument-shell,.hos{grid-template-columns:1fr;align-items:stretch;height:auto;min-height:100vh;overflow:visible}.browser-panel,.inspector-panel{border:0;height:auto;min-height:auto;overflow:visible}.brand-stack{grid-template-columns:minmax(180px,.6fr) minmax(220px,1fr);align-items:end;gap:16px;display:grid}.brand-stack h1,.brand-stack p{margin-bottom:0}.browser-section{min-width:0}.territory-scroll,.loop-scroll{max-height:252px}.sequencer-stage{height:auto;overflow:visible}.browser-panel{border-bottom:1px solid var(--line)}.inspector-panel{border-top:1px solid var(--line)}.transport-bar{flex-wrap:wrap}.transport-actions{justify-content:flex-start}.machine-header{flex-direction:column}.readout-cluster{align-items:flex-start}.xox-surface{--label-col:172px;overflow:auto}.step-ruler,.drum-row,.lane-row{min-width:960px}.mixer-pane{--mixer-strip-width:112px;--mixer-fader-height:170px}.mixer-workbench{grid-template-columns:1fr}.master-bus{max-width:420px}.return-fx-rig{grid-template-columns:1fr}.fx-pedal{min-height:260px}}@media (width<=760px){.browser-panel,.inspector-panel,.sequencer-stage{padding:14px}.machine-header h2{font-size:32px}h1{font-size:34px}.brand-stack{grid-template-columns:1fr;gap:8px}.territory-scroll,.loop-scroll{max-height:264px}.readout-row,.transport-bar,.transport-actions{align-items:flex-start}.readout-row{flex-wrap:wrap}.transport-actions{gap:6px}.transport-controls{width:100%}.transport-pos{margin-left:0}.transport-group{border-left:0;padding:0}.output-gain{flex:100%;grid-template-columns:auto minmax(58px,72px) minmax(86px,1fr) 26px}.macro-deck{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-tabs{width:100%}.workspace-tabs button{flex:1;min-width:0}.xox-surface{--label-col:154px}.step-ruler,.drum-row,.lane-row{min-width:840px}.mixer-pane{--mixer-strip-width:104px;--mixer-fader-height:150px}.master-bus{max-width:none}.digital-meter-bars{gap:2px}.mixer-console header{flex-direction:column}.return-fx-rig{gap:12px}.fx-pedal{min-height:244px;padding:14px}.fx-pedal header strong{font-size:28px}.return-fx-rig .knob-dial{width:54px;height:54px}.plugin-backdrop{padding:10px}.plugin-window{width:calc(100vw - 20px);max-height:calc(100svh - 20px)}.plugin-header{padding:14px 14px 0}.plugin-body{padding:0 14px 14px}}#root{min-height:100svh}.hos{width:100%;height:100svh;min-height:0;display:block;overflow:hidden}.hos .hos-shell{height:100%;min-height:0}.hos .hos-stage{overflow:hidden;container-type:inline-size}.hos.view-arranger .hos-stage{gap:10px;padding-top:8px}.hos.view-arranger .hos-tabs{flex:none;margin-bottom:0;padding-bottom:0}.hos.view-arranger .hos-arranger{flex:1 1 0;height:auto;min-height:0;margin:22px 18px 18px}.hos .hos-seq,.hos .hos-mixer,.hos .hos-fx,.hos .hos-arranger{flex:auto}.hos .hos-grid{--seq-head:196px;--seq-pad:clamp(34px, calc((100cqw - var(--seq-head) - 116px) / 16), 76px);--seq-gap:clamp(4px, calc(var(--seq-pad) * .08), 6px);min-height:0;overflow:auto}.hos .hos-ruler,.hos .hos-track{grid-template-columns:var(--seq-head) minmax(0, 1fr);min-width:100%}.hos .hos-ruler-steps,.hos .hos-steps{gap:var(--seq-gap);grid-template-columns:repeat(16,minmax(0,1fr))}.hos .hos-pad{aspect-ratio:1;height:auto;min-height:0}.hos .hos-pad .lbl{letter-spacing:0}.hos .hos-mixer{--mix-master:clamp(124px, 9cqw, 160px);--mix-strip:clamp(120px, calc((100cqw - var(--mix-master) - 128px) / 9), 168px);--mix-fader-min:clamp(120px, calc(100svh - 760px), 320px);align-items:stretch;overflow:hidden}.hos .hos-strips{grid-template-columns:repeat(var(--strip-count,11), var(--mix-strip));scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--volt-dim) transparent;flex:auto;justify-content:start;gap:clamp(8px,.55vw,14px);min-width:0;padding-bottom:6px;display:grid;overflow:auto hidden}.hos .hos-strip{--strip-knob:clamp(26px, 22cqw, 38px);--strip-meter:clamp(11px, 9cqw, 16px);--strip-fader-w:clamp(40px, 38cqw, 60px);grid-template-rows:auto auto auto minmax(var(--mix-fader-min), 1fr) auto;scroll-snap-align:start;align-content:stretch;align-items:start;gap:clamp(8px,7cqw,13px);width:auto;min-width:0;padding:clamp(11px,9cqw,15px);display:grid;container-type:inline-size}.hos .hos-strips::-webkit-scrollbar{height:8px}.hos .hos-strips::-webkit-scrollbar-thumb{background:var(--volt-dim);border-radius:999px}.hos .hos-strip-head{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--well);width:100%;min-height:0;box-shadow:var(--well-in);text-align:center;gap:3px;padding:8px 7px;display:grid}.hos .hos-strip-head b{min-width:0;color:var(--ink);font-size:clamp(11px, calc(var(--mix-strip) * .085), 14px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hos .hos-strip-head span{min-width:0;color:var(--ink-3);font-size:clamp(7.5px, calc(var(--mix-strip) * .055), 9px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hos .hos-strip-ms{gap:clamp(4px,4cqw,7px)}.hos .hos-strip-ms .msbtn{width:clamp(23px,19cqw,30px);height:clamp(21px,17cqw,27px);min-height:0}.hos .hos-strip-knobs{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,7cqw,12px) 3px;width:100%}.hos .hos-strip-knobs .knob{width:min(100%, calc(var(--strip-knob) + 20px))}.hos .hos-strip .hos-strip-knobs .knob.sm .knob-dial{width:var(--strip-knob);height:var(--strip-knob)}.hos .hos-strip-knobs .knob-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(8px,6cqw,9.5px);overflow:hidden}.hos .hos-strip-knobs .knob-value{font-size:clamp(10.5px,8cqw,13px)}.hos .hos-fader{grid-template-columns:var(--strip-fader-w) var(--strip-meter);min-height:var(--mix-fader-min);justify-content:center;align-self:stretch;align-items:stretch;gap:clamp(8px,7cqw,12px);padding:4px 0 0;display:grid}.hos .hos-fader-stage{width:var(--strip-fader-w);height:auto;min-height:var(--mix-fader-min);align-self:stretch}.hos .hos-fader-track,.hos .hos-fader-fill{width:clamp(8px,8cqw,12px)}.hos .hos-fader-cap{width:clamp(38px,34cqw,52px);height:clamp(16px,15cqw,22px)}.hos .hos-fader-meter{align-items:stretch}.hos .hos-fader-meter .meter{width:var(--strip-meter);height:auto;min-height:var(--mix-fader-min)}.hos .hos-strip-db{align-self:end;font-size:clamp(10px,8cqw,12px)}.hos .hos-master{flex:0 0 var(--mix-master);width:auto;min-width:0}.hos .hos-transport-flex{flex:auto;min-width:12px}.hos .key.follow{min-width:76px}.hos .hos-th .msbtn.plugin{width:34px;color:var(--volt-bright);border-color:var(--volt-line);box-shadow:var(--lift), inset 0 0 0 1px var(--volt-dim)}.hos .hos-territory-list{max-height:none}.hos .hos-terr{min-height:58px;padding:12px 14px}.hos .hos-terr b{font-size:13px}.hos .hos-terr span{font-size:9.5px;line-height:1.25}.hos-stage-status{justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 16px 0;display:flex}.hos-stage-status .hos-seed{min-width:220px}.hos-stage-status .hos-seed b{color:var(--ink);margin-top:4px;font-size:15px;font-weight:700;display:block}.hos-stage-status .hos-seed span:not(.eyebrow){max-width:560px;color:var(--ink-3);margin-top:3px;font-size:11px;line-height:1.35;display:block}.hos-stage-tools{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:8px;min-width:0;display:flex}.hos .hos-field.compact{gap:3px;width:auto;min-width:64px}.hos .hos-field.compact>span{font-size:8px}.hos .hos-field.compact .hos-num{width:62px}.hos .hos-field.compact .hos-sel{width:auto;min-width:74px}.hos .hos-status-screen{white-space:nowrap;flex:1 1 0;align-items:center;min-width:0;margin:0 12px;display:flex;overflow:hidden}.hos-status-text{white-space:nowrap;display:inline-block}.hos-status-text.scroll{animation:5.5s ease-in-out infinite alternate hos-status-scroll}@keyframes hos-status-scroll{0%,12%{transform:translate(0)}88%,to{transform:translateX(calc(-1 * var(--over,0px)))}}.hos .hos-empty-step{gap:10px;display:grid}.hos .hos-empty-step p{color:var(--ink-3);font-size:12px}.hos .hos-euclid-preview{grid-template-columns:repeat(var(--steps), 1fr);border-radius:var(--r-sm);background:var(--well);box-shadow:var(--well-in);gap:2px;padding:6px;display:grid}.hos .hos-euclid-preview i{background:#7896a021;border-radius:2px;height:12px}.hos .hos-euclid-preview i.q{background:#7896a038}.hos .hos-euclid-preview i.on{background:var(--volt);box-shadow:0 0 6px var(--volt-line)}.hos .hos-history{gap:5px;max-height:140px;display:grid;overflow:auto}.hos .hos-history span{color:var(--ink-3);font-family:var(--mono);font-size:9px;line-height:1.35}.hos .hos-insp-tabs .seg{width:100%}.hos .hos-th .th-id{min-width:0;box-shadow:none;text-align:left;background:0 0;border:0;overflow:hidden}.hos .hos-th .th-copy b,.hos .hos-th .th-copy span{white-space:nowrap;text-overflow:ellipsis;line-height:1;overflow:hidden}.hos .hos-th{grid-template-columns:minmax(0,1fr) auto}.hos .hos-th .msbtn{width:18px;height:18px;min-height:0;font-size:8px}.hos .hos-th .th-ctrl{justify-content:flex-end}.hos .hos-th .msbtn.plugin{width:32px}.hos .hos-cart .cart-copy span{white-space:nowrap;text-overflow:ellipsis;line-height:1.25;display:block;overflow:hidden}.hos .hos-carts{grid-auto-rows:max-content}.hos .hos-cart{min-height:0}.hos .hos-transport .elek-strip{flex:0 250px;min-width:230px;max-width:270px}.hos .hos-transport .elek-strip .elek-title{white-space:nowrap;text-overflow:clip;font-size:15px;overflow:hidden}.hos .key.danger{white-space:nowrap;min-width:74px}.hos .hos-transport{gap:10px;min-width:0;padding:10px 14px}.hos .hos-tgroup{flex:none;gap:6px;min-width:0}.hos .hos-tgroup.divide{padding-left:8px}.hos .hos-transport .key{min-width:58px;padding:0 9px}.hos .hos-transport .key.follow{min-width:78px}.hos .hos-transport .key.danger{min-width:70px}.hos .hos-transport .hos-pos{white-space:nowrap;min-width:58px}.hos .hos-transport .seg{flex:none}.hos .hos-slider{height:30px}.hos .hos-slider .stat{top:0}.hos .hos-slider .rail,.hos .hos-slider .val{left:7px}.hos .hos-slider .rail{right:7px}.hos .hos-insp .hos-field{line-height:1.15}.hos.light .key{background:linear-gradient(180deg, var(--raised-2), var(--raised));color:var(--ink-2);box-shadow:var(--lift)}.hos.light .key.on{color:var(--volt-bright);border-color:var(--volt-line);background:linear-gradient(180deg, var(--raised-2), var(--raised));box-shadow:var(--lift), inset 0 0 0 1px var(--volt-dim), 0 0 10px #0b8fa61f}.hos.light .hos-transport .key.danger,.hos.light .key.danger.on{color:#fff;border-color:var(--hot);background:linear-gradient(180deg, #f06b62, var(--hot));box-shadow:var(--lift), 0 0 10px #e23b303d}.hos.light .tkey{background:radial-gradient(circle at 50% 32%, var(--raised-2), var(--raised) 72%);box-shadow:var(--lift)}.hos.light .seg{background:var(--well);box-shadow:var(--well-in)}.hos.light .seg button{box-shadow:none;background:0 0}.hos.light .seg button[aria-selected=true],.hos.light .seg button.on{color:var(--volt-bright);background:linear-gradient(180deg, var(--raised-2), var(--raised));box-shadow:var(--lift), inset 0 0 0 1px var(--volt-dim)}.hos.light .hos-sel,.hos.light .hos-num{background:var(--well);color:var(--ink);box-shadow:var(--press)}.hos.light.live{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e7e9e6;--chrome:#dfe3df;--panel:#edf0ec;--raised:#f7f8f5;--raised-2:#fff;--well:#cbd1cb;--screen:#101414;--line:#1419172e;--line-2:#14191752;--ink:#111716;--ink-2:#111716ad;--ink-3:#1117166e;--volt:#0b8fa6;--volt-bright:#12b8d2;--volt-dim:#0b8fa624;--volt-line:#0b8fa661;--violet:#6a5acb;--lift:none;--press:inset 0 0 0 1px #1419172e;--well-in:inset 0 0 0 1px #1419172e;--glow:0 0 0 1px var(--volt-line)}.hos.light.live .hos-stage,.hos.light.live .hos-rail.left,.hos.light.live .hos-rail.right,.hos.light.live .hos-macros,.hos.light.live .hos-grid,.hos.light.live .hos-mod,.hos.light.live .hos-strip,.hos.light.live .hos-master,.hos.light.live .hos-pedal,.hos.light.live .hos-terr,.hos.light.live .hos-cart{background-image:none;background-color:var(--panel);color:var(--ink)}.hos.light.live .hos-rail.left,.hos.light.live .hos-rail.right{background-color:var(--chrome)}.hos.light.live .hos-transport{background:var(--raised)}.hos.light.live .key,.hos.light.live .tkey,.hos.light.live .msbtn{background:var(--raised-2);border-color:var(--line-2);color:var(--ink-2);box-shadow:none}.hos.light.live .key.on,.hos.light.live .tkey.play.on,.hos.light.live .seg button.on,.hos.light.live .msbtn.s.on,.hos.light.live .msbtn.m.on{color:#fff;background:#111716;border-color:#111716}.hos.light.live .key.danger.on{background:var(--hot);color:#fff;border-color:var(--hot)}.hos.light.live .seg{background:var(--well);border-color:var(--line-2);box-shadow:none}.hos.light.live .seg button{color:var(--ink-2)}.hos.light.live .hos-pad,.hos.light.live .hos-pad.k-trig,.hos.light.live .hos-pad.k-ring{background:#cdd2cd;box-shadow:inset 0 0 0 1px #11171638}.hos.light.live .hos-pad.q{background:#c1c7c1}.hos.light.live .hos-pad.on,.hos.light.live .hos-pad.k-trig.on{background:#f7f8f5;box-shadow:inset 0 0 0 1px #11171673}.hos.light.live .hos-pad.k-trig.on:before,.hos.light.live .hos-pad .fill{background:var(--volt);box-shadow:none}.hos.light.live .hos-pad .lbl{color:#111716}.hos.light.live .screen,.hos.light.live .vu,.hos.light.live .elek{background:var(--screen);color:#dff8ee;box-shadow:none}.hos.light.live .knob-dial{box-shadow:none;background:#202524;border-color:#11171659}.hos.light.live .knob-track{stroke:#1117162e}.hos.light.live .knob-arc{stroke:var(--volt);filter:none}.hos.light.live .hos-fader-track,.hos.light.live .hos-slider .rail{background:var(--well);box-shadow:inset 0 0 0 1px #1117162e}.hos.light.live .hos-fader-fill,.hos.light.live .hos-slider .val{background:var(--volt);box-shadow:none}.hos.light.live .hos-fader-cap,.hos.light.live .hos-slider .thumb{background:var(--raised-2);border:1px solid var(--line-2);box-shadow:none}@media (width<=1180px){.hos{height:100svh;min-height:0;display:block;overflow:hidden}.hos .hos-shell{grid-template-columns:220px minmax(720px,1fr) 320px;overflow-x:auto}.hos .hos-grid{--seq-head:176px;--seq-pad:30px;--seq-gap:4px}.hos .hos-strips{--mix-strip:132px}.hos .hos-master{--mix-master:150px}.hos .hos-transport{flex-wrap:wrap;align-items:flex-start;row-gap:9px}.hos .hos-transport>span[style]{display:none}.hos .hos-transport .elek-strip{flex-basis:250px}.hos .hos-transport .hos-tgroup.divide{border-left:0;padding-left:0}}@media (width<=760px){.hos-stage-status{display:grid}.hos-stage-tools{justify-content:flex-start}}.reel-device{flex-flow:row;align-items:stretch;gap:10px;padding:2px;display:flex}.reel-side{flex-direction:column;flex:0 0 178px;gap:6px;min-width:0;display:flex}.reel-screen{background:var(--elek-glass,#0d120f);width:100%;min-height:124px;box-shadow:inset 0 0 0 1px var(--line), inset 0 8px 22px #0000006b;border-radius:7px;flex:auto;display:block}.reel-keys{gap:6px;display:flex}.reel-keys .key{flex:auto}.reel-err{color:var(--hot,#ff5a48);font-size:9px}.hos .hos-arranger .arr-clip-body,.hos.light .hos-arranger .arr-clip-body,.hos .hos-arranger .arr-clip-state,.hos.light .hos-arranger .arr-clip-state,.hos .hos-arranger .arr-empty-stop,.hos.light .hos-arranger .arr-empty-stop,.hos .hos-arranger .arr-roll-step-target,.hos.light .hos-arranger .arr-roll-step-target,.hos .hos-arranger .arr-track-name,.hos.light .hos-arranger .arr-track-name,.hos .hos-arranger .arr-track-stop,.hos.light .hos-arranger .arr-track-stop,.hos .hos-arranger .arr-editor-resize,.hos.light .hos-arranger .arr-editor-resize{appearance:none;min-height:0;box-shadow:none;color:inherit;border:0;padding:0;transition:color .13s,background .13s,opacity .13s;transform:none}.hos .hos-arranger .arr-clip-body,.hos.light .hos-arranger .arr-clip-body,.hos .hos-arranger .arr-clip-state,.hos.light .hos-arranger .arr-clip-state,.hos .hos-arranger .arr-empty-stop,.hos.light .hos-arranger .arr-empty-stop,.hos .hos-arranger .arr-roll-step-target,.hos.light .hos-arranger .arr-roll-step-target,.hos .hos-arranger .arr-track-name,.hos.light .hos-arranger .arr-track-name,.hos .hos-arranger .arr-track-stop,.hos.light .hos-arranger .arr-track-stop{background:0 0}.hos .hos-arranger .arr-editor-resize,.hos.light .hos-arranger .arr-editor-resize{background:color-mix(in srgb, var(--arr-surface-2) 72%, var(--arr-page))}.hos .hos-arranger .arr-track-name.selected,.hos.light .hos-arranger .arr-track-name.selected{box-shadow:inset 0 -2px 0 var(--violet);background:0 0}.hos .hos-arranger .arr-clip-state,.hos.light .hos-arranger .arr-clip-state,.hos .hos-arranger .arr-empty-stop,.hos.light .hos-arranger .arr-empty-stop{box-shadow:none;background:0 0}.hos .hos-arranger .arr-slot.playing .arr-clip-state,.hos.light .hos-arranger .arr-slot.playing .arr-clip-state{color:color-mix(in srgb, var(--arr-ink) 84%, var(--hot));background:0 0}.hos .hos-arranger .arr-clip-state.pending,.hos.light .hos-arranger .arr-clip-state.pending{color:var(--amber);background:0 0}.hos .hos-arranger .arr-slot .arr-clip-state.play,.hos.light .hos-arranger .arr-slot .arr-clip-state.play,.hos .hos-arranger .arr-slot .arr-clip-state.stop,.hos.light .hos-arranger .arr-slot .arr-clip-state.stop{flex:initial;opacity:1;width:100%;height:100%}.hos .hos-arranger .arr-track-stop,.hos.light .hos-arranger .arr-track-stop,.hos .hos-arranger .lv-sc,.hos.light .hos-arranger .lv-sc{box-shadow:none}.hos .hos-arranger .arr-note-block,.hos.light .hos-arranger .arr-note-block{background:color-mix(in srgb, var(--trk,var(--volt)) 72%, var(--arr-surface));color:var(--arr-clip-ink);box-shadow:none}.hos.light .hos-arranger .arr-slot.filled{background:color-mix(in srgb, var(--trk) 62%, var(--arr-surface));color:var(--arr-clip-ink)}.hos.light .hos-arranger .arr-slot:not(.filled){background:var(--arr-surface);color:var(--arr-muted)}.hos.light .hos-arranger .arr-toolbar,.hos.light .hos-arranger .arr-track-status,.hos.light .hos-arranger .arr-editor,.hos.light .hos-arranger .arr-roll,.hos.light .hos-arranger .arr-note-panel{color:var(--arr-ink)}.hos.light .hos-arranger .seg{background:var(--arr-grid);border-color:var(--arr-line-strong);box-shadow:none}.hos.light .hos-arranger .seg button{color:var(--arr-muted)}.hos.light .hos-arranger .seg button[aria-selected=true],.hos.light .hos-arranger .seg button.on{background:var(--volt);color:var(--accent-ink,#fff);box-shadow:none}.hos .hos-arranger .key,.hos.light .hos-arranger .key{border:1px solid var(--arr-line-strong);background:var(--arr-control);color:var(--arr-muted);box-shadow:none;border-radius:2px}.hos .hos-arranger .key:hover,.hos.light .hos-arranger .key:hover{background:var(--arr-surface-2);color:var(--arr-ink)}.hos .hos-arranger .key.on,.hos.light .hos-arranger .key.on{border-color:var(--volt-line);background:var(--volt);color:var(--accent-ink,#fff);box-shadow:none}.hos .hos-arranger .key.danger,.hos.light .hos-arranger .key.danger{background:color-mix(in srgb, var(--hot) 12%, var(--arr-control));color:var(--hot)}.hos .hos-arranger .key.danger:hover,.hos.light .hos-arranger .key.danger:hover{background:var(--hot);color:var(--accent-ink,#fff)}.hos .hos-arranger .key:disabled,.hos.light .hos-arranger .key:disabled{opacity:.36;background:var(--arr-surface);color:var(--arr-faint);cursor:default}.hos .hos-arranger .arr-track-name,.hos.light .hos-arranger .arr-track-name,.hos .hos-arranger .arr-track-stop,.hos.light .hos-arranger .arr-track-stop,.hos .hos-arranger .arr-clip-state,.hos.light .hos-arranger .arr-clip-state,.hos .hos-arranger .arr-empty-stop,.hos.light .hos-arranger .arr-empty-stop,.hos .hos-arranger .arr-clip-body,.hos.light .hos-arranger .arr-clip-body,.hos .hos-arranger .arr-status-stop,.hos.light .hos-arranger .arr-status-stop{appearance:none;min-height:0;box-shadow:none;text-shadow:none;background:0 0;border:0}.hos .hos-arranger .arr-track-ms button,.hos.light .hos-arranger .arr-track-ms button{appearance:none;border:1px solid var(--arr-line-strong);background:var(--arr-grid);width:18px;min-width:18px;height:18px;min-height:18px;color:var(--arr-faint);box-shadow:none;text-shadow:none;border-radius:2px;padding:0}.hos .hos-arranger .arr-track-ms button.on,.hos.light .hos-arranger .arr-track-ms button.on{border-color:color-mix(in srgb, var(--trk,var(--volt)) 80%, var(--arr-line-strong));background:color-mix(in srgb, var(--trk,var(--volt)) 72%, var(--arr-surface));color:var(--arr-clip-ink)}.hos .hos-arranger .arr-track-ms button.m.on,.hos.light .hos-arranger .arr-track-ms button.m.on{background:color-mix(in srgb, var(--hot) 58%, var(--arr-grid));color:color-mix(in srgb, var(--arr-ink) 92%, #101010)}.hos .hos-gutter,.hos.light .hos-gutter{box-shadow:none;background:0 0}.hos.view-arranger .hos-gutter:after{background:#d6d6d624}.hos.view-arranger .hos-gutter:hover:after,.hos.view-arranger .hos-gutter:focus-visible:after,.hos.view-arranger .hos-gutter.dragging:after{background:var(--volt,#6fe9ff);width:2px}.hos .hos-arranger .arr-range input[type=range],.hos.light .hos-arranger .arr-range input[type=range]{appearance:none;width:100%;height:16px;min-height:0;box-shadow:none;accent-color:var(--volt);background:0 0;border:0;border-radius:0;padding:0}.hos .hos-arranger .arr-range input[type=range]::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--arr-ink) 18%, var(--arr-surface));height:4px;box-shadow:none;border-radius:999px}.hos.light .hos-arranger .arr-range input[type=range]::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--arr-ink) 18%, var(--arr-surface));height:4px;box-shadow:none;border-radius:999px}.hos .hos-arranger .arr-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid color-mix(in srgb, var(--arr-ink) 44%, var(--arr-line-strong));background:var(--arr-ink);width:12px;height:12px;box-shadow:none;border-radius:999px;margin-top:-4px}.hos.light .hos-arranger .arr-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid color-mix(in srgb, var(--arr-ink) 44%, var(--arr-line-strong));background:var(--arr-ink);width:12px;height:12px;box-shadow:none;border-radius:999px;margin-top:-4px}.hos .hos-arranger .arr-range input[type=range]::-moz-range-track{background:color-mix(in srgb, var(--arr-ink) 18%, var(--arr-surface));height:4px;box-shadow:none;border-radius:999px}.hos.light .hos-arranger .arr-range input[type=range]::-moz-range-track{background:color-mix(in srgb, var(--arr-ink) 18%, var(--arr-surface));height:4px;box-shadow:none;border-radius:999px}.hos .hos-arranger .arr-range input[type=range]::-moz-range-thumb{border:1px solid color-mix(in srgb, var(--arr-ink) 44%, var(--arr-line-strong));background:var(--arr-ink);width:12px;height:12px;box-shadow:none;border-radius:999px}.hos.light .hos-arranger .arr-range input[type=range]::-moz-range-thumb{border:1px solid color-mix(in srgb, var(--arr-ink) 44%, var(--arr-line-strong));background:var(--arr-ink);width:12px;height:12px;box-shadow:none;border-radius:999px}.hos-mobile{z-index:1;background:var(--bg);height:100dvh;color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;flex-direction:column;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}.hos-mobile *,.hos-mobile :before,.hos-mobile :after{box-sizing:border-box}.hos-mobile button{font:inherit;color:inherit;cursor:pointer}.hos-mobile button,.hos-mobile .sq-nav-row{touch-action:manipulation}.hos-mobile{overscroll-behavior:none}.hos-mobile .m-top{padding:calc(8px + env(safe-area-inset-top,0px)) 14px 9px;background:var(--chrome);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;display:flex}.hos-mobile .m-mark{flex:none;place-items:center;display:grid}.hos-mobile .m-spacer{flex:1}.hos-mobile .m-chip{border-radius:var(--r);border:1px solid var(--line);background:var(--well);min-height:34px;box-shadow:var(--well-in);color:var(--phosphor);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;max-width:52vw;padding:0 13px;font-size:12px;font-weight:600;transition:transform .1s,box-shadow .14s;overflow:hidden}.hos-mobile .m-chip:active{transform:scale(.97)}.hos-mobile .m-screen{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;overflow:hidden auto}.hos-mobile .m-screen-pad{padding:14px 14px calc(128px + env(safe-area-inset-bottom,0px))}.hos-mobile .m-screen-pad-easy{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.hos-mobile .m-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--chrome);padding:14px}.hos-mobile .m-install{border-bottom:1px solid var(--line-2);background:color-mix(in srgb, var(--raised) 92%, var(--volt) 8%);flex:none;grid-template-columns:28px minmax(0,1fr) auto 28px;align-items:center;gap:9px;padding:8px 12px;display:grid;box-shadow:inset 0 -1px #0000002e}.hos-mobile .m-install-mark{border-radius:var(--r);background:var(--well);width:28px;height:28px;box-shadow:var(--well-in);place-items:center;display:grid}.hos-mobile .m-install-copy{gap:1px;min-width:0;display:grid}.hos-mobile .m-install-copy b{color:var(--ink);font-size:12px;font-weight:750;line-height:1.1}.hos-mobile .m-install-copy span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-2);font-size:10px;line-height:1.2;overflow:hidden}.hos-mobile .m-install-hint{width:28px;height:28px;color:var(--volt-bright);border-radius:var(--r);background:color-mix(in srgb, var(--volt) 12%, transparent);box-shadow:inset 0 0 0 1px var(--volt-line);place-items:center;display:grid}.hos-mobile .m-install-close{border-radius:var(--r);width:28px;height:28px;color:var(--ink-3);box-shadow:none;background:0 0;border:0;padding:0;font-size:22px;line-height:1}.hos-mobile .m-install-close:active{color:var(--ink);background:var(--well)}.hos-mobile .mb-eyebrow,.hos-mobile .mx-eyebrow,.hos-mobile .sq-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);margin:18px 2px 10px;font-size:9px;font-weight:600}.hos-mobile .m-nav{padding:8px 10px calc(8px + env(safe-area-inset-bottom,18px));background:color-mix(in srgb, var(--chrome) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);border-top:1px solid var(--line-2);flex:none;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.hos-mobile .m-nav button,.hos .hos-mobile .m-nav button,.hos.light .hos-mobile .m-nav button{min-height:52px;box-shadow:none;border-radius:var(--r);color:var(--ink-3);background:0 0;border:0;justify-items:center;gap:4px;padding:6px 0;transition:color .14s,transform .12s;display:grid}.hos.light .hos-mobile .m-nav button:hover{background:0 0}.hos-mobile .m-nav .ico{border-radius:var(--r-pill);background:0 0;place-items:center;width:46px;height:27px;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s,box-shadow .18s;display:grid}.hos-mobile .m-nav .ico svg{width:22px;height:22px}.hos-mobile .m-nav .lbl{letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:600}.hos-mobile .m-nav button.on{color:var(--volt)}.hos-mobile .m-nav button.on .ico{background:color-mix(in srgb, var(--volt) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--volt) 30%, transparent)}.hos-mobile .touch-knob{-webkit-user-select:none;user-select:none;justify-items:center;gap:6px;display:grid;position:relative}.hos-mobile .touch-knob .touch-knob-dial{cursor:grab;touch-action:none;width:72px;height:72px}.hos-mobile .touch-knob.lg .touch-knob-dial{width:104px;height:104px}.hos-mobile .touch-knob.sm .touch-knob-dial{width:58px;height:58px}.hos-mobile .touch-knob.dragging .touch-knob-dial{cursor:grabbing;box-shadow:var(--lift), var(--glow)}.hos-mobile .touch-knob .knob-label{letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2);text-align:center;white-space:nowrap;font-size:9px;font-weight:600}.hos-mobile .touch-knob .tk-val{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);font-size:12px;font-weight:600}.hos-mobile .touch-knob .tk-val.text{letter-spacing:.08em;text-transform:uppercase;color:var(--volt);font-size:10px}.hos-mobile .touch-knob.bypassed .touch-knob-dial{filter:grayscale()brightness(.62);opacity:.7}.hos-mobile .tk-bubble{border-radius:var(--r);background:var(--raised-2);border:1px solid var(--volt-line);box-shadow:var(--lift), 0 0 14px #00000080;font-family:var(--mono);color:var(--volt-bright);white-space:nowrap;z-index:40;pointer-events:none;opacity:0;padding:5px 10px;font-size:15px;font-weight:600;transition:opacity 90ms;position:absolute;top:-14px;left:50%;transform:translate(-50%,-100%)}.hos-mobile .touch-knob.dragging .tk-bubble{opacity:1}.hos-mobile .tk-bubble:after{content:"";background:var(--raised-2);border-right:1px solid var(--volt-line);border-bottom:1px solid var(--volt-line);width:9px;height:9px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.hos-mobile .md-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.hos-mobile .md-view button{min-height:30px;padding:4px 11px}.hos-mobile .md-instr,.hos-mobile .md-instr button{flex:1}.hos-mobile .md-presets{margin-bottom:14px}.hos-mobile .md-preset-sel{border-radius:var(--r);border:1px solid var(--line-2);background:var(--raised);width:100%;min-height:40px;color:var(--ink-2);font:inherit;padding:0 12px;font-size:12px;font-weight:600}.hos-mobile .md-flow{gap:10px;display:grid}.hos-mobile .md-sec{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--chrome);padding:11px 10px 14px}.hos-mobile .md-sec-title{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);margin:0 2px 10px;font-size:9px;font-weight:700}.hos-mobile .md-secgrid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));justify-items:center;gap:16px 4px;display:grid}.hos-mobile .md-stack{gap:9px;display:grid}.hos-mobile .md-card{text-align:left;border:1px solid var(--line-2);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--raised), var(--panel));width:100%;min-height:64px;box-shadow:var(--lift);color:var(--ink);align-items:center;gap:12px;padding:14px;display:flex}.hos-mobile .md-card-body{flex:1;gap:6px;min-width:0;display:grid}.hos-mobile .md-card-title{align-items:baseline;gap:8px;display:flex}.hos-mobile .md-card-title b{font-size:14px;font-weight:700}.hos-mobile .md-card-title span{font-family:var(--mono);color:var(--ink-3);font-size:9px}.hos-mobile .md-card-mini{gap:5px;display:flex}.hos-mobile .md-card-mini i{background:#9b8cff2e;border-radius:2px;flex:1;height:3px;position:relative;overflow:hidden}.hos-mobile .md-card-mini i b{background:var(--violet);height:100%;display:block;position:absolute;inset:0 auto 0 0}.hos-mobile .md-chev{width:9px;height:15px;color:var(--ink-3);flex:none}.hos-mobile .md-bar{align-items:center;gap:10px;margin-bottom:8px;display:flex}.hos-mobile .md-back{border:1px solid var(--line-2);border-radius:var(--r-pill);background:linear-gradient(180deg, var(--raised-2), var(--raised));min-height:38px;color:var(--ink-2);box-shadow:var(--lift);align-items:center;gap:6px;padding:0 12px 0 9px;font-size:11px;font-weight:600;display:inline-flex}.hos-mobile .md-back svg{width:8px;height:14px}.hos-mobile .md-bar b{letter-spacing:.02em;font-size:16px;font-weight:800}.hos-mobile .md-deck{border-radius:var(--r-lg);touch-action:pan-y;overflow:hidden}.hos-mobile .md-track{transition:transform .32s cubic-bezier(.2,.8,.2,1);display:flex}.hos-mobile .md-page{flex:0 0 100%;gap:12px;padding:50px 2px 10px;display:grid}.hos-mobile .md-hero{justify-items:center;padding:14px 0 6px;display:grid}.hos-mobile .md-grid{grid-template-columns:repeat(2,1fr);gap:18px 8px;display:grid}.hos-mobile .md-grid.three{grid-template-columns:repeat(3,1fr);gap:16px 4px}.hos-mobile .md-cell{justify-items:center;display:grid}.hos-mobile .md-dots{border-radius:var(--r-pill);background:var(--well);width:fit-content;box-shadow:var(--well-in);justify-content:center;gap:2px;margin:12px auto 2px;padding:4px 6px;display:flex}.hos-mobile .md-dot{background:0 0;border:0;place-items:center;width:28px;height:24px;padding:0;display:grid}.hos-mobile .md-dot:after{content:"";background:color-mix(in srgb, var(--ink) 36%, transparent);width:8px;height:8px;box-shadow:inset 0 0 0 1px var(--line-2);border-radius:50%;transition:width .18s,height .18s,border-radius .18s,background .18s,box-shadow .18s}.hos-mobile .md-dot.on:after{background:var(--volt);width:24px;height:10px;box-shadow:0 0 8px var(--volt-line), inset 0 0 0 1px color-mix(in srgb, var(--ink) 30%, transparent);border-radius:5px}.hos-mobile .sq-ctl{align-items:center;gap:8px;margin-bottom:12px;display:flex}.hos-mobile .sq-spacer{flex:1}.hos-mobile .sq-active{border:1px solid var(--line-2);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--raised), var(--panel));box-shadow:var(--lift);align-items:center;gap:9px;margin-bottom:12px;padding:9px 11px;display:flex}.hos-mobile .sq-active-name{flex:1;align-items:baseline;gap:6px;min-width:0;display:flex}.hos-mobile .sq-active-name b{white-space:nowrap;font-size:15px;font-weight:700}.hos-mobile .sq-active-name em{font-style:normal;font-family:var(--mono);color:var(--ink-3);letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.hos-mobile .sq-count{color:var(--volt);font-size:11px}.hos-mobile .sq-mode{margin-left:auto}.hos-mobile .sq-grid{grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:6px;display:grid}.hos-mobile .sq-grid.big{grid-template-columns:repeat(4,1fr);gap:8px}.hos-mobile .sq-grid.big .sq-num{font-size:10px;top:5px;left:7px}.hos-mobile .sq-grid.big .sq-note{font-size:19px}.hos-mobile .sq-size svg{display:block}.hos-mobile .sq-pad{aspect-ratio:1;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--well);box-shadow:var(--well-in);padding:0;position:relative;overflow:hidden}.hos-mobile .sq-pad.beat{box-shadow:var(--well-in), inset 0 0 0 1px #ffffff0d}.hos-mobile .sq-pad.on{background:linear-gradient(180deg, var(--raised-2), var(--raised));border-color:var(--volt-line);box-shadow:var(--lift), inset 0 0 0 1px var(--volt-dim)}.hos-mobile .sq-num{font-family:var(--mono);color:var(--ink-3);z-index:2;font-size:8px;position:absolute;top:3px;left:4px}.hos-mobile .sq-pad.on .sq-num{color:var(--volt-bright)}.hos-mobile .sq-vel{background:var(--phosphor);box-shadow:0 0 8px var(--volt-line);opacity:.9;position:absolute;bottom:0;left:0;right:0}.hos-mobile .sq-pad.accent .sq-vel{background:var(--amber);box-shadow:0 0 8px #ffbb4d80}.hos-mobile .sq-pad.accent.on{border-color:var(--amber)}.hos-mobile .sq-note{color:var(--volt-bright);z-index:2;text-shadow:0 1px 2px #00000080;place-items:center;font-size:15px;font-weight:800;display:grid;position:absolute;inset:0}.hos-mobile .sq-pad.ph{box-shadow:var(--lift), 0 0 0 2px var(--volt-bright)}.hos-mobile .sq-nav{gap:5px;display:grid}.hos-mobile .sq-nav-row{border-radius:var(--r);border:1px solid var(--line);background:var(--chrome);align-items:center;gap:9px;min-height:42px;padding:6px 9px;display:flex}.hos-mobile .sq-nav-row.on{border-color:var(--volt-line);box-shadow:inset 0 0 0 1px var(--volt-dim)}.hos-mobile .sq-nav-row.muted{opacity:.42}.hos-mobile .sq-nav-name{flex:none;width:64px;font-size:11px;font-weight:700}.hos-mobile .sq-nav-row.on .sq-nav-name{color:var(--volt-bright)}.hos-mobile .sq-nav-cells{flex:1;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;display:grid}.hos-mobile .sq-nav-cells i{background:#bec2c214;border-radius:1px;height:14px}.hos-mobile .sq-nav-cells i.on{background:var(--volt);box-shadow:0 0 4px var(--volt-line)}.hos-mobile .ss-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);background:#00000080;flex-direction:column;justify-content:flex-end;animation:.16s ss-fade;display:flex;position:absolute;inset:0}@keyframes ss-fade{0%{opacity:0}to{opacity:1}}.hos-mobile .ss-sheet{background:var(--chrome);border-top:1px solid var(--line-2);padding:8px 16px calc(30px + env(safe-area-inset-bottom,18px));-webkit-overflow-scrolling:touch;border-radius:18px 18px 0 0;max-height:min(82%,100dvh - 56px);animation:.24s cubic-bezier(.2,.8,.2,1) ss-up;overflow-y:auto;box-shadow:0 -20px 50px #00000080}@keyframes ss-up{0%{transform:translateY(100%)}to{transform:none}}.hos-mobile .ss-grab{background:var(--line-2);border-radius:2px;width:38px;height:4px;margin:4px auto 10px}.hos-mobile .ss-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.hos-mobile .ss-grab,.hos-mobile .ss-head{touch-action:none}.hos-mobile .ss-title{gap:1px;min-width:0;margin-right:auto;display:grid}.hos-mobile .ss-title b{font-size:16px;font-weight:800}.hos-mobile .ss-title span{font-family:var(--mono);color:var(--ink-3);letter-spacing:.06em;white-space:nowrap;font-size:9px}.hos-mobile .ss-title span em{opacity:.6;font-style:normal}.hos-mobile .ss-nav{gap:6px;display:flex}.hos-mobile .ss-nav .key.icon svg{width:8px;height:14px}.hos-mobile .ss-head .key.icon{min-width:42px;min-height:42px}.hos-mobile .ss-head .key.icon:disabled{opacity:.35;pointer-events:none}.hos-mobile .nr-read.empty b,.hos-mobile .ss-prev b:only-child{color:var(--ink-3)}.hos-mobile .nr-read.empty b{font-size:30px}.hos-mobile .nr-read.empty span{color:var(--ink-3);opacity:1;max-width:84px;font-size:8.5px}.hos-mobile .ss-body{gap:6px;display:grid}.hos-mobile .ss-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);margin:2px 0 8px;font-size:9px;font-weight:600}.hos-mobile .note-ring{width:220px;height:220px;margin:6px auto 14px;position:relative}.hos-mobile .nr-center{border-radius:50%;place-items:center;width:96px;height:96px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hos-mobile .nr-read{text-align:center;gap:2px;display:grid}.hos-mobile button.nr-audition{font:inherit;color:inherit;background:0 0;border:0;border-radius:50%;padding:6px 10px}.hos-mobile button.nr-audition:active{transform:scale(.96)}.hos-mobile .nr-audition em{letter-spacing:.08em;opacity:.55;font-size:7.5px;font-style:normal}.hos-mobile .nr-read b{color:var(--phosphor);font-size:26px;font-weight:800;line-height:1}.hos-mobile .nr-read span{font-family:var(--mono);color:var(--phosphor);opacity:.72;font-size:10px}.hos-mobile .nr-note{border:1px solid var(--line-2);background:linear-gradient(180deg, var(--raised-2), var(--raised));width:42px;height:42px;color:var(--ink-2);font-family:var(--mono);box-shadow:var(--lift);border-radius:50%;place-items:center;padding:0;font-size:11px;font-weight:600;display:grid;position:absolute;transform:translate(-50%,-50%)}.hos-mobile .nr-note.on{color:var(--volt-bright);border-color:var(--volt-line);box-shadow:var(--lift), 0 0 12px var(--volt-line), inset 0 0 0 1px var(--volt-dim)}.hos-mobile .ss-picks{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:14px;display:flex}.hos-mobile .ss-pick{border-radius:var(--r);border:1px solid var(--line-2);background:linear-gradient(180deg, var(--raised-2), var(--raised));min-height:40px;color:var(--ink-2);box-shadow:var(--lift);padding:0 14px;font-size:13px;font-weight:600}.hos-mobile .ss-pick.on{color:var(--volt-bright);border-color:var(--volt-line);box-shadow:var(--lift), inset 0 0 0 1px var(--volt-dim)}.hos-mobile .ss-deg{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:14px;display:grid}.hos-mobile .ss-degbtn{aspect-ratio:1;border-radius:var(--r);border:1px solid var(--line-2);background:linear-gradient(180deg, var(--raised-2), var(--raised));color:var(--ink);box-shadow:var(--lift);font-size:16px;font-weight:700}.hos-mobile .ss-degbtn.on{color:var(--volt-bright);border-color:var(--volt-line);box-shadow:var(--lift), inset 0 0 0 1px var(--volt-dim)}.hos-mobile .ss-prev{justify-content:center;align-items:baseline;gap:10px;margin:6px 0 12px;padding:14px;display:flex}.hos-mobile .ss-prev b{color:var(--phosphor);font-size:30px;font-weight:800}.hos-mobile .ss-prev span{font-family:var(--mono);color:var(--phosphor);opacity:.72;font-size:10px}.hos-mobile .ss-toggles{justify-content:center;gap:10px;margin:6px 0 12px;display:flex}.hos-mobile .ss-toggles .key{flex:1;gap:8px;min-height:46px}.hos-mobile .ss-range{width:100%;accent-color:var(--volt);margin:8px 0 14px}.hos-mobile .ss-fx{width:100%;margin-bottom:14px;display:flex}.hos-mobile .ss-fx button{flex:1;min-height:40px}.hos-mobile .mxa-strip{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--chrome);gap:8px;padding:9px 12px;display:grid}.hos-mobile .mxa-strip.dim{opacity:.5}.hos-mobile .mxa-row{align-items:center;gap:9px;display:flex}.hos-mobile .mxa-row .mx-id{flex:none;width:54px}.hos-mobile .mxa-row .mx-keys{flex:none;justify-content:center;gap:4px;width:52px;display:flex}.hos-mobile .mxa-fader{background:var(--well);min-width:0;height:22px;box-shadow:var(--well-in);touch-action:none;border-radius:11px;flex:1;position:relative}.hos-mobile .mxa-fader .meter.h{width:auto;height:auto;box-shadow:none;background:0 0;gap:2px;padding:0;position:absolute;inset:3px 5px}.hos-mobile .mxa-thumb{background:var(--raised-2);border:1.5px solid var(--line-2);width:12px;height:26px;box-shadow:var(--lift);pointer-events:none;z-index:1;border-radius:6px;position:absolute;top:-2px}.hos-mobile .mxa-chip{border:1px solid var(--line);background:var(--raised);width:56px;min-height:30px;font-family:var(--mono);letter-spacing:.04em;color:var(--ink);border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:9px;display:inline-flex}.hos-mobile .mxa-strip.master{border-color:var(--line-2);background:linear-gradient(180deg, var(--raised), var(--panel));box-shadow:var(--lift);margin-bottom:4px}.hos-mobile .mxa-chip u{color:var(--ink-3);margin-right:4px;text-decoration:none}.hos-mobile .mxa-chip.on{border-color:var(--volt-line);box-shadow:0 0 0 1px var(--volt-dim)}.hos-mobile .mxa-edit{align-items:center;gap:10px;padding:2px 2px 1px;display:flex}.hos-mobile .mxa-edit span{font-family:var(--mono);letter-spacing:.1em;color:var(--ink-3);flex:none;width:34px;font-size:8px}.hos-mobile .mxa-edit input[type=range]{appearance:none;background:0 0;flex:1;min-width:0;height:26px;margin:0}.hos-mobile .mxa-edit input[type=range]::-webkit-slider-runnable-track{background:var(--well);height:14px;box-shadow:var(--well-in);border-radius:7px}.hos-mobile .mxa-edit input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--raised-2);border:1.5px solid var(--line-2);width:11px;height:22px;box-shadow:var(--lift);border-radius:5px;margin-top:-4px}.hos-mobile .mxa-edit input[type=range]::-moz-range-track{background:var(--well);height:14px;box-shadow:var(--well-in);border-radius:7px}.hos-mobile .mxa-edit input[type=range]::-moz-range-thumb{background:var(--raised-2);border:1.5px solid var(--line-2);width:11px;height:22px;box-shadow:var(--lift);border-radius:5px}.hos-mobile .mxa-edit b{text-align:right;min-width:30px;font-size:10px}.hos-mobile .mx-list{gap:8px;display:grid}.hos-mobile .mx-id{flex:none;gap:1px;width:62px;display:grid}.hos-mobile .mx-id b{font-size:13px;font-weight:700}.hos-mobile .mx-id em{font-style:normal;font-family:var(--mono);letter-spacing:.08em;color:var(--ink-3);font-size:8px}.hos-mobile .mx-keys{align-items:center;gap:6px;display:flex}.hos-mobile .mx-keys .key.tiny{min-width:30px}.hos-mobile .mx-returns{justify-content:space-around;padding:6px 0;display:flex}.hos-mobile .mb-terr-list{gap:8px;display:grid}.hos-mobile .mb-terr{text-align:left;border:1px solid var(--line-2);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--raised), var(--panel));width:100%;min-height:70px;box-shadow:var(--lift);color:var(--ink);align-items:center;gap:12px;padding:13px 14px;display:flex}.hos-mobile .mb-terr.on{border-color:var(--volt-line);box-shadow:var(--lift), inset 3px 0 0 var(--volt)}.hos-mobile .mb-terr-body{flex:1;gap:5px;min-width:0;display:grid}.hos-mobile .mb-terr-name{font-size:15px;font-weight:700}.hos-mobile .mb-terr-era{color:var(--ink-3);font-size:9.5px}.hos-mobile .mb-tags{flex-wrap:wrap;gap:5px;display:flex}.hos-mobile .mb-tags em{border-radius:var(--r-pill);color:var(--ink-2);background:var(--well);box-shadow:var(--well-in);padding:2px 7px;font-size:9px;font-style:normal;font-weight:600}.hos-mobile .mb-go{width:22px;height:22px;color:var(--ink-3);flex:none}.hos-mobile .mb-terr.on .mb-go{color:var(--volt)}.hos-mobile .mb-cart-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hos-mobile .mb-cart{text-align:left;border:1px solid var(--line-2);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--raised), var(--panel));min-height:78px;box-shadow:var(--lift);color:var(--ink);align-content:start;gap:6px;padding:12px 12px 12px 18px;display:grid;position:relative;overflow:hidden}.hos-mobile .mb-cart:before{content:"";background:var(--violet);width:5px;box-shadow:0 0 10px var(--violet-dim);position:absolute;top:0;bottom:0;left:0}.hos-mobile .mb-cart-name{font-size:13px;font-weight:700}.hos-mobile .mb-cart-detail{color:var(--ink-2);text-wrap:pretty;font-size:10px;line-height:1.35}.hos-mobile .mb-cart.on{border-color:var(--volt-line);box-shadow:var(--lift), inset 0 0 0 1px var(--volt-dim)}.hos-mobile .mb-cart.on:before{background:var(--volt);box-shadow:0 0 10px var(--volt-line)}.hos-mobile .mb-cart-state{letter-spacing:.06em;color:var(--volt-bright);font-size:9px;font-weight:700}.hos-mobile .ms-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.hos-mobile .ms-lbl{width:52px;color:var(--ink-2);flex:none;font-size:11px;font-weight:600}.hos-mobile .ms-row .seg{flex:1}.hos-mobile .ms-row .seg button{flex:1;min-height:42px}.hos-mobile .mpreset-sheet{max-height:min(86%,100dvh - 48px)}.hos-mobile .mpreset-name{gap:6px;margin-bottom:8px;display:grid}.hos-mobile .mpreset-name span{color:var(--ink-3);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:750}.hos-mobile .mpreset-name input{border:1px solid var(--line);border-radius:var(--r);background:var(--well);width:100%;min-height:42px;color:var(--ink);box-shadow:var(--well-in);padding:0 10px}.hos-mobile .mpreset-save-button{width:100%;min-height:42px;margin-bottom:8px}.hos-mobile .mpreset-section-label{color:var(--ink-3);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:4px 2px 7px;font-size:9px;font-weight:750;display:block}.hos-mobile .mpreset-tools,.hos-mobile .mpreset-sections{gap:8px;margin-bottom:8px;display:grid}.hos-mobile .mpreset-tools{grid-template-columns:1fr}.hos-mobile .mpreset-sections{grid-template-columns:repeat(3,minmax(0,1fr))}.hos-mobile .mpreset-tools .key,.hos-mobile .mpreset-sections .key{min-width:0;min-height:42px;padding-inline:8px}.hos-mobile .mpreset-file-tools{border-top:1px solid var(--line);margin-bottom:10px;padding-top:8px}.hos-mobile .mpreset-file-tools summary{cursor:pointer;color:var(--ink-3);font-size:11px;font-weight:750}.hos-mobile .mpreset-file-tools:not([open]) .mpreset-tools{display:none}.hos-mobile .mpreset-file-tools[open] summary{margin-bottom:8px}.hos-mobile .mpreset-empty{color:var(--ink-2);margin:6px 0 0;font-size:12px;line-height:1.5}.hos-mobile .mpreset-handoff{color:var(--ink-2);margin:10px 0 0;font-size:11px;line-height:1.45}.hos-mobile .mpreset-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;align-content:start;gap:9px;max-height:min(360px,34dvh);padding-right:2px;display:grid;overflow:hidden auto}.hos-mobile .mpreset-item{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);gap:10px;padding:11px;display:grid}.hos-mobile .mpreset-main{gap:4px;min-width:0;display:grid}.hos-mobile .mpreset-main b{font-size:14px;font-weight:800}.hos-mobile .mpreset-main span{font-family:var(--mono);color:var(--ink-3);font-size:9px}.hos-mobile .mpreset-main p{color:var(--ink-2);margin:2px 0 0;font-size:11px;line-height:1.45}.hos-mobile .mpreset-tags{flex-wrap:wrap;gap:5px;display:flex}.hos-mobile .mpreset-tags i{color:var(--volt-bright);background:#78e6ff1a;border-radius:999px;padding:2px 6px;font-size:9px;font-style:normal;font-weight:800}.hos-mobile .mpreset-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.hos-mobile .mpreset-actions .key{white-space:normal;min-width:0;min-height:38px;padding-inline:6px;font-size:10px;line-height:1.15}.hos-mobile .ms-about{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.hos-mobile .ms-about-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.hos-mobile .ms-about-id{gap:1px;display:grid}.hos-mobile .ms-about-id b{font-family:var(--wordmark);letter-spacing:.16em;font-size:14px;font-weight:700}.hos-mobile .ms-about-id b span{color:var(--volt)}.hos-mobile .ms-about-id em{color:var(--ink-3);letter-spacing:.08em;font-size:9px;font-style:normal}.hos-mobile .ms-about p{color:var(--ink-2);text-wrap:pretty;margin:0;font-size:11px;line-height:1.55}.hos-mobile .tk-hero{justify-items:center;padding:6px 0 10px;display:grid}.hos-mobile .sq-ctl,.hos-mobile .ez-pages{align-items:stretch}.hos-mobile .sq-follow{align-self:stretch;place-items:center;min-width:44px;min-height:0;padding:0 11px;display:inline-grid}.hos-mobile .sq-follow svg{display:block}.hos-mobile .sq-ctl .seg button{min-width:0;padding:10px}.hos-mobile .gv-toggle{border:1px solid var(--line);border-radius:var(--r);background:var(--chrome);width:100%;min-height:40px;color:var(--ink-3);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:8px;margin:16px 0 10px;padding:0 11px;font-size:9px;font-weight:600;transition:color .14s,border-color .14s;display:flex}.hos-mobile .gv-toggle span{margin-right:auto}.hos-mobile .gv-toggle .gv-chev{width:10px;height:6px;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.hos-mobile .gv-toggle.open{color:var(--ink-2);border-color:var(--line-2)}.hos-mobile .gv-toggle.open .gv-chev{transform:rotate(180deg)}.hos-mobile .hos-info .hos-info-pop{width:min(248px,100vw - 40px);left:auto;right:-6px}.hos-mobile .md-lanes{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;margin:0 -14px 10px;padding:3px 14px 5px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 26px),#0000);mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 26px),#0000)}.hos-mobile .md-lanes::-webkit-scrollbar{display:none}.hos-mobile .md-machines{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.hos-mobile .md-machine{border-radius:var(--r);border:1px solid var(--line-2);background:linear-gradient(180deg, var(--raised-2), var(--raised));min-height:36px;color:var(--ink-2);letter-spacing:.03em;white-space:nowrap;box-shadow:var(--lift);flex:1 0 auto;padding:0 12px;font-size:11px;font-weight:700;transition:transform .1s,border-color .14s,box-shadow .14s,color .14s}.hos-mobile .md-machine:active{transform:scale(.96)}.hos-mobile .md-machine.on{color:var(--violet);border-color:var(--violet-dim);box-shadow:var(--lift), inset 0 0 0 1px var(--violet-dim), 0 0 10px var(--violet-dim)}.hos-mobile .md-machine.all{color:var(--ink-3);background:var(--well);box-shadow:var(--well-in);flex:100%;font-weight:600}.hos-mobile .md-sample{border:1px solid var(--line-2);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--raised), var(--panel));box-shadow:var(--lift);align-items:center;gap:9px;margin-bottom:12px;padding:11px 12px;display:flex}.hos-mobile .md-sample-info{flex:1;gap:2px;min-width:0;display:grid}.hos-mobile .md-sample-info b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.hos-mobile .md-sample-info span{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.hos-mobile .md-lane{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--well);min-height:34px;color:var(--ink-2);letter-spacing:.02em;white-space:nowrap;box-shadow:var(--well-in);flex:none;padding:0 13px;font-size:11px;font-weight:600}.hos-mobile .md-lane.on{color:var(--volt-bright);border-color:var(--volt-line);background:linear-gradient(180deg, var(--raised-2), var(--raised));box-shadow:var(--lift), inset 0 0 0 1px var(--volt-dim)}.hos-mobile .md-title{gap:1px;min-width:0;margin-right:auto;display:grid}.hos-mobile .md-title b{letter-spacing:.02em;font-size:17px;font-weight:800}.hos-mobile .md-title span{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-3);text-transform:none;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.hos-mobile .m-perform{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--chrome);margin-bottom:12px;overflow:hidden}.hos-mobile .mp-toggle{width:100%;min-height:40px;color:var(--ink);background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.hos-mobile .mp-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);font-size:9px;font-weight:700}.hos-mobile .mp-chev{color:var(--ink-3);font-size:12px}.hos-mobile .m-perform.open .mp-chev{color:var(--volt)}.hos-mobile .mp-body{border-top:1px solid var(--line);padding:4px 12px 14px}.hos-mobile .mp-knobs{grid-template-columns:repeat(4,1fr);gap:10px 4px;padding:10px 0 12px;display:grid}.hos-mobile .mp-actions{gap:8px;display:flex}.hos-mobile .mp-actions .key{flex:1;min-height:40px}.hos-mobile .mx-feel{gap:10px;margin-bottom:14px;display:grid}.hos-mobile .mx-feel .hos-signature,.hos-mobile .mx-feel .hos-glue{margin:0}.hos-mobile .mtape{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--chrome);align-items:center;gap:12px;margin-bottom:10px;padding:10px 12px;display:flex}.hos-mobile .mtape.live{border-color:color-mix(in srgb, var(--hot,#ff5b4d) 55%, var(--line))}.hos-mobile .mtape-id{flex:1;gap:2px;min-width:0;display:grid}.hos-mobile .mtape-id b{font-size:13px;font-weight:700}.hos-mobile .mtape-id em{letter-spacing:.08em;color:var(--ink-3);text-transform:uppercase;font-size:9px;font-style:normal}.hos-mobile .mtape.live .mtape-id em{color:var(--hot,#ff5b4d)}.hos-mobile .mtape-note{color:var(--ink-3);font-size:10px}.hos-mobile .mtape-key{align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:12px;display:inline-flex}.hos-mobile .hos-signature{border-radius:var(--r-lg);padding:14px}.hos-mobile .hos-sig-power{min-height:46px}.hos-mobile .m-field{gap:12px;display:grid}.hos-mobile .m-field .hos-fieldcard{margin-top:0}.hos-mobile .mf-row{gap:8px;display:flex}.hos-mobile .mf-row .key{flex:1;min-height:44px}.hos-mobile .hos-fieldcard-row{align-items:stretch}.hos-mobile .hos-fieldcard-row .hos-fieldcard-selectwrap,.hos-mobile .hos-fieldcard-row .key{height:auto;min-height:44px}.hos-mobile .mf-tune{position:relative}.hos-mobile .mf-tune .hos-fieldctrl{max-width:none;position:static;top:auto;left:auto;right:auto}.hos-mobile .mf-tune .hos-fieldctrl-toggle{text-align:left;width:100%;min-height:44px}.hos-mobile .mf-tune .hos-fieldctrl-body{width:auto;max-height:none}.hos-mobile .mf-tune .hos-fieldctrl-row{margin:10px 0}.hos-mobile .mf-tune .hos-fieldctrl-row .lbl{flex-basis:88px}.hos-mobile .mf-tune .hos-fieldctrl-foot button,.hos-mobile .mf-tune .hos-fieldctrl-tabs button{min-height:38px}@keyframes m-view-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hos-mobile .m-view{animation:.22s cubic-bezier(.2,.8,.2,1) m-view-in}.hos-mobile .mp-body,.hos-mobile .md-stack,.hos-mobile .md-focus{animation:.2s cubic-bezier(.2,.8,.2,1) m-view-in}.hos-mobile .sq-pad{transition:transform 90ms,border-color .12s,box-shadow .12s}.hos-mobile .sq-pad:active{transform:scale(.92)}@keyframes sq-vel-in{0%{opacity:.4;transform:scaleY(.3)}to{opacity:.9;transform:none}}.hos-mobile .sq-pad .sq-vel{transform-origin:bottom;animation:.16s cubic-bezier(.2,.8,.2,1) sq-vel-in}@keyframes sq-note-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.hos-mobile .sq-pad .sq-note{animation:.16s cubic-bezier(.2,.8,.2,1) sq-note-in}@keyframes sq-ph-pulse{0%{box-shadow:var(--lift), 0 0 0 2px var(--volt-bright), 0 0 18px var(--volt-line)}to{box-shadow:var(--lift), 0 0 0 2px var(--volt-bright)}}.hos-mobile .sq-pad.ph{animation:.22s ease-out sq-ph-pulse}.hos-mobile .sq-nav-cells{position:relative}.hos-mobile .sq-nav-ph{background:color-mix(in srgb, var(--volt) 26%, transparent);width:calc(6.25% + .125px);box-shadow:0 0 6px var(--volt-line), inset 0 0 0 1px var(--volt-dim);pointer-events:none;will-change:transform;border-radius:1px;transition:transform 90ms linear;position:absolute;top:0;bottom:0;left:0}.hos-mobile .mb-terr,.hos-mobile .mb-cart,.hos-mobile .md-card,.hos-mobile .md-lane,.hos-mobile .sq-nav-row,.hos-mobile .nr-note,.hos-mobile .ss-pick,.hos-mobile .ss-degbtn{transition:transform .1s,border-color .14s,box-shadow .14s,color .14s}.hos-mobile .mb-terr:active,.hos-mobile .mb-cart:active,.hos-mobile .md-card:active,.hos-mobile .md-lane:active,.hos-mobile .sq-nav-row:active{transform:scale(.98)}.hos-mobile .nr-note:active,.hos-mobile .ss-pick:active,.hos-mobile .ss-degbtn:active{transform:scale(.9)}.hos-mobile .m-nav button:active{transform:scale(.92)}.hos-mobile .m-nav button.on .ico{transform:translateY(-1px)scale(1.05)}.hos-mobile .tkey{transition:transform .1s,color .14s,border-color .14s}.hos-mobile .tkey:active{transform:scale(.9)}.hos-mobile .ez-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);margin:16px 2px 9px;font-size:9px;font-weight:600}.hos-mobile .m-easy .ez-eyebrow:first-child{margin-top:4px}.hos-mobile .ez-genres{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.hos-mobile .ez-genre{border:1px solid var(--line-2);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--raised), var(--panel));min-height:48px;box-shadow:var(--lift);color:var(--ink);align-items:center;gap:10px;padding:0 13px;transition:transform .1s,border-color .14s,box-shadow .14s,color .14s;display:flex}.hos-mobile .ez-genre:active{transform:scale(.97)}.hos-mobile .ez-genre-n{border-radius:var(--r-sm);background:var(--well);width:25px;height:25px;box-shadow:var(--well-in);color:var(--ink-2);flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.hos-mobile .ez-genre-label{letter-spacing:.02em;font-size:13px;font-weight:700}.hos-mobile .ez-genre.on{border-color:var(--volt-line);box-shadow:var(--lift), inset 0 0 0 1px var(--volt-dim), 0 0 14px var(--volt-dim)}.hos-mobile .ez-genre.on .ez-genre-n{color:var(--volt-bright);box-shadow:var(--well-in), inset 0 0 0 1px var(--volt-dim)}.hos-mobile .ez-genre.on .ez-genre-label{color:var(--volt-bright)}.hos-mobile .m-easy .md-lanes{margin-top:16px;margin-bottom:12px}.hos-mobile .ez-kits{flex-wrap:wrap;gap:6px;display:flex}.hos-mobile .ez-kit{border-radius:var(--r);border:1px solid var(--line-2);background:linear-gradient(180deg, var(--raised-2), var(--raised));min-height:38px;color:var(--ink-2);white-space:nowrap;box-shadow:var(--lift);flex:1 0 auto;padding:0 12px;font-size:11px;font-weight:700;transition:transform .1s,border-color .14s,box-shadow .14s,color .14s}.hos-mobile .ez-kit:active{transform:scale(.96)}.hos-mobile .ez-kit.on{color:var(--volt-bright);border-color:var(--volt-line);box-shadow:var(--lift), inset 0 0 0 1px var(--volt-dim)}.hos-mobile .ez-pages{align-items:center;gap:8px;margin-bottom:12px;display:flex}.hos-mobile .ez-pages .seg button{min-width:0;padding:9px 11px}.hos-mobile .ez-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.hos-mobile .ez-pad{aspect-ratio:1;border-radius:var(--r);border:1px solid var(--line);background:var(--well);box-shadow:var(--well-in);padding:0;transition:transform 90ms,border-color .12s,box-shadow .12s;position:relative;overflow:hidden}.hos-mobile .ez-pad:active{transform:scale(.94)}.hos-mobile .ez-pad.beat{box-shadow:var(--well-in), inset 0 0 0 1px #ffffff0d}.hos-mobile .ez-pad.on{background:linear-gradient(180deg, var(--raised-2), var(--raised));border-color:var(--volt-line);box-shadow:var(--lift), inset 0 0 0 1px var(--volt-dim)}.hos-mobile .ez-num{font-family:var(--mono);color:var(--ink-3);z-index:2;font-size:10px;position:absolute;top:5px;left:7px}.hos-mobile .ez-pad.on .ez-num{color:var(--volt-bright)}.hos-mobile .ez-vel{background:var(--phosphor);box-shadow:0 0 10px var(--volt-line);opacity:.9;transform-origin:bottom;animation:.16s cubic-bezier(.2,.8,.2,1) sq-vel-in;position:absolute;bottom:0;left:0;right:0}.hos-mobile .ez-pad.accent .ez-vel{background:var(--amber);box-shadow:0 0 10px #ffbb4d80}.hos-mobile .ez-pad.accent.on{border-color:var(--amber)}.hos-mobile .ez-note{color:var(--volt-bright);z-index:2;text-shadow:0 1px 2px #00000080;place-items:center;font-size:19px;font-weight:800;animation:.16s cubic-bezier(.2,.8,.2,1) sq-note-in;display:grid;position:absolute;inset:0}.hos-mobile .ez-pad.ph{box-shadow:var(--lift), 0 0 0 2px var(--volt-bright);animation:.22s ease-out sq-ph-pulse}.hos-mobile .ez-lanes{gap:6px;display:grid}.hos-mobile .ez-lane{border-radius:var(--r);border:1px solid var(--line);background:var(--chrome);align-items:center;gap:10px;min-height:50px;padding:8px 10px;transition:transform .1s,border-color .14s,box-shadow .14s;display:flex}.hos-mobile .ez-lane:active{transform:scale(.985)}.hos-mobile .ez-lane.on{border-color:var(--volt-line);box-shadow:inset 0 0 0 1px var(--volt-dim)}.hos-mobile .ez-lane.muted{opacity:.45}.hos-mobile .ez-lane-name{flex:none;width:72px;font-size:12px;font-weight:700}.hos-mobile .ez-lane.on .ez-lane-name{color:var(--volt-bright)}.hos-mobile .ez-lane-cells{flex:1;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;display:grid;position:relative}.hos-mobile .ez-lane-cells i{background:#bec2c214;border-radius:1px;height:12px}.hos-mobile .ez-lane-cells i.on{background:var(--volt);box-shadow:0 0 4px var(--volt-line)}.hos-mobile .ez-lane-keys{flex:none;gap:6px;display:flex}.hos-mobile .ez-lane-keys .key.tiny{min-width:34px;min-height:34px}.hos-mobile .ez-nav{z-index:30;padding:9px 16px calc(9px + env(safe-area-inset-bottom,18px));background:color-mix(in srgb, var(--chrome) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);border-top:1px solid var(--line-2);align-items:center;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.hos-mobile .ez-mode{border:1px solid var(--volt-line);border-radius:var(--r-pill);background:linear-gradient(180deg, var(--raised-2), var(--raised));min-height:38px;color:var(--volt-bright);box-shadow:var(--lift), inset 0 0 0 1px var(--volt-dim);align-items:center;gap:8px;padding:0 15px;font-size:11px;font-weight:700;display:inline-flex}.hos-mobile .ez-led{background:var(--volt);width:5px;height:5px;box-shadow:0 0 6px var(--volt-line);border-radius:50%}.hos-mobile .ez-spacer{flex:1}.hos-mobile .ez-exit{border:1px solid var(--line-2);border-radius:var(--r-pill);background:linear-gradient(180deg, var(--raised-2), var(--raised));min-height:38px;color:var(--ink-2);box-shadow:var(--lift);align-items:center;gap:8px;padding:0 15px;font-size:11px;font-weight:700;transition:transform .1s,color .14s,border-color .14s;display:inline-flex}.hos-mobile .ez-exit svg{width:7px;height:12px}.hos-mobile .ez-exit:active{transform:scale(.96)}.hos-mobile .mg-dim{z-index:80;background:#0009;animation:.2s ss-fade;position:absolute;inset:0}.hos-mobile .mg-spot{z-index:80;pointer-events:none;border:1.5px solid var(--volt);box-shadow:0 0 0 200vmax #0009, 0 0 22px var(--volt-line), inset 0 0 14px #0000001f;border-radius:14px;transition:left .3s cubic-bezier(.2,.8,.2,1),top .3s cubic-bezier(.2,.8,.2,1),width .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1);animation:2.2s ease-in-out infinite mg-breathe;position:absolute}@keyframes mg-breathe{0%,to{border-color:var(--volt)}50%{border-color:color-mix(in srgb, var(--volt) 45%, transparent)}}.hos-mobile .mg-card{z-index:85;left:14px;right:14px;bottom:calc(96px + env(safe-area-inset-bottom,0px));border-radius:var(--r-lg);border:1px solid var(--volt-line);background:var(--chrome);box-shadow:var(--lift), 0 14px 44px #00000073;padding:14px 16px 12px;animation:.26s cubic-bezier(.2,.8,.2,1) m-view-in;position:absolute}.hos-mobile .mg-mark{margin-bottom:8px}.hos-mobile .mg-title{margin-bottom:4px;font-size:16px;font-weight:800;display:block}.hos-mobile .mg-copy{color:var(--ink-2);text-wrap:pretty;margin:0 0 12px;font-size:12px;line-height:1.5}.hos-mobile .mg-foot{align-items:center;gap:10px;display:flex}.hos-mobile .mg-dots{gap:4px;margin-right:auto;display:flex}.hos-mobile .mg-dots i{background:color-mix(in srgb, var(--ink) 30%, transparent);border-radius:50%;width:5px;height:5px;transition:all .18s}.hos-mobile .mg-dots i.on{background:var(--volt);width:14px;box-shadow:0 0 6px var(--volt-line);border-radius:3px}.hos-mobile .mg-btn{min-height:40px;padding:0 18px}.hos-mobile .mg-skip{color:var(--ink-3)}.hos-mobile .ms-tour{flex:1;min-height:42px}.hos-mobile .x2-perform{margin-top:14px}.hos-mobile .x2-perform .m-perform{margin-bottom:0}.hos-mobile .ez-eyebrow.x2-bar{align-items:center;gap:10px;display:flex}.hos-mobile .ez-eyebrow.x2-bar span{margin-right:auto}.hos-mobile .ez-eyebrow.x2-bar .key.tiny{letter-spacing:.04em;text-transform:none}.hos-mobile .x2-presets{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.hos-mobile .x2-preset{border:1px solid var(--line-2);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--raised), var(--panel));box-shadow:var(--lift);color:var(--ink);place-items:center;padding:13px 4px;transition:transform .1s,border-color .14s,box-shadow .14s,color .14s;display:grid}.hos-mobile .x2-preset:active{transform:scale(.95)}.hos-mobile .x2-preset span{letter-spacing:.02em;font-size:12px;font-weight:700}.hos-mobile .x2-preset.on{border-color:var(--volt-line);box-shadow:var(--lift), inset 0 0 0 1px var(--volt-dim), 0 0 14px var(--volt-dim)}.hos-mobile .x2-preset.on span{color:var(--volt-bright)}.hos-mobile .x2-rack{gap:5px;display:grid}.hos-mobile .x2-row{border:1px solid var(--line);border-radius:var(--r);background:var(--chrome);align-items:center;gap:9px;min-height:44px;padding:5px 9px;transition:opacity .14s;display:flex}.hos-mobile .x2-row.muted{opacity:.42}.hos-mobile .x2-row.on{border-color:var(--volt-line);box-shadow:inset 0 0 0 1px var(--volt-dim)}.hos-mobile .x2-row.on .x2-name{color:var(--volt-bright)}.hos-mobile .x2-name,.hos .hos-mobile .x2-name,.hos.light .hos-mobile .x2-name{text-align:left;width:64px;box-shadow:none;min-height:0;color:var(--ink);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:none;padding:8px 6px 8px 3px;font-size:10.5px;font-weight:700;overflow:hidden}.hos-mobile .x2-cells{flex:1;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;display:grid;position:relative}.hos-mobile .x2-cell{background:color-mix(in srgb, var(--ink) 8%, transparent);border:0;border-radius:2px;height:32px;padding:0;transition:background .1s,box-shadow .1s,transform 90ms}.hos-mobile .x2-cell.beat{background:color-mix(in srgb, var(--ink) 14%, transparent)}.hos-mobile .x2-cell:active{transform:scaleY(.85)}.hos-mobile .x2-cell.on{background:var(--volt);box-shadow:0 0 5px var(--volt-line)}.hos-mobile .x2-cell.on.accent{background:var(--amber);box-shadow:0 0 5px color-mix(in srgb, var(--amber) 50%, transparent)}.hos-mobile .x2-kits{margin:10px 0 12px}.hos-mobile .x2-knobs{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--chrome);grid-template-columns:repeat(4,1fr);justify-items:center;gap:8px 4px;margin-bottom:9px;padding:11px 4px 12px;display:grid}.hos-mobile .x2-knobs.fx{grid-template-columns:repeat(3,1fr);margin-bottom:0}.hos-mobile .x2-keys{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.hos-mobile .x2-after-keys{margin-top:8px}.hos-mobile .x2-keys.muted{opacity:.42}.hos-mobile .x2-key{border:1px solid var(--line-2);border-radius:var(--r);background:linear-gradient(180deg, var(--raised-2), var(--raised));min-height:62px;box-shadow:var(--lift);color:var(--ink);align-content:center;place-items:center;gap:2px;padding:7px 0;transition:transform 90ms,box-shadow .12s,color .12s;display:grid}.hos-mobile .x2-key:active{box-shadow:var(--press);color:var(--volt-bright);transform:scale(.92)}.hos-mobile .x2-key b{font-size:15px;font-weight:800;line-height:1.15}.hos-mobile .x2-key span{color:var(--ink-3);letter-spacing:.04em;font-size:8px;line-height:1.25}.hos-mobile .ez-nav .ez-ver button{min-height:28px;padding:4px 12px}@media (prefers-reduced-motion:reduce){.hos-mobile *,.hos-mobile :before,.hos-mobile :after{transition:none!important;animation:none!important}}