*{box-sizing:border-box;margin:0;padding:0}:root{--panel:#4a4a4a;--panel-dark:#3a3a3a;--panel-darker:#2c2c2c;--orange:#ff7a1a;--cream:#e8e4d0;--label:#c9c9c9}.app,body{background:#d96a1f}.app{align-items:stretch;display:flex;flex-direction:column;font-family:Helvetica Neue,Arial,sans-serif;gap:10px;min-height:100vh;padding:16px}.machine,.stage-note,.util-bar{margin-inline:auto}.util-bar{align-items:center;display:flex;gap:8px;max-width:1500px;width:100%}.util-btn{background:#e8e4d0;background:var(--cream);border:2px solid #8a8466;border-radius:5px;color:#2a2a2a;cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px}.util-btn:hover{background:#f3efdc}.loading{color:#fff;font-size:12px;margin-left:8px;opacity:.9}.machine{background:linear-gradient(180deg,#4f4f4f,#3c3c3c);border:6px solid #1c1c1c;border-radius:10px;box-shadow:0 18px 50px #0009;display:flex;flex-direction:column;gap:12px;max-width:1500px;min-width:1180px;padding:14px;width:100%}.upper{grid-gap:14px;display:grid;gap:14px;grid-template-columns:250px minmax(0,1fr) 150px}.upper>*{min-width:0}.tiny-label{color:#ff7a1a;color:var(--orange);font-size:9px;font-weight:700;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.left-cluster{background:#2c2c2c;background:var(--panel-darker);border-radius:6px;display:flex;flex-direction:column;gap:12px;padding:10px}.clear-block,.rotary-row{border-bottom:1px solid #555;padding-bottom:10px}.rotary-row{display:flex;gap:12px}.rotary-block{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:5px}.big-rotary{background:radial-gradient(circle at 35% 30%,#2a2a2a,#050505 75%);border:3px solid #000;border-radius:50%;box-shadow:0 2px 5px #0009,inset 0 1px 2px #ffffff1a;height:58px;position:relative;width:58px}.rotary-dial{inset:0;position:absolute;transition:transform .15s}.rotary-tick{background:#ff7a1a;background:var(--orange);border-radius:2px;height:40%;left:50%;position:absolute;top:4px;transform:translateX(-50%);width:3px}.inst-readout{color:#ff7a1a;color:var(--orange);font-size:16px;font-weight:800}.part-select{display:flex;gap:5px}.part-btn{background:#2a2a2a;border:1px solid #666;border-radius:3px;color:#bbb;cursor:pointer;font-size:9px;font-weight:700;padding:4px 2px;width:34px}.part-btn.on{background:#ff7a1a;background:var(--orange);border-color:#ff7a1a;border-color:var(--orange);color:#000}.clear-block{display:flex;flex-direction:column;gap:6px}.clear-pattern,.track-clear{border-radius:3px;cursor:pointer;font-size:9px;font-weight:700;padding:6px;text-transform:uppercase}.clear-pattern{background:#e8e4d0;background:var(--cream);border:1px solid #8a8466;color:#2a2a2a}.track-clear{background:#c0392b;border:1px solid #7a1d12;color:#fff}.tempo-block{align-items:center;display:flex;flex-direction:column;gap:6px}.tempo-readout{color:#ff7a1a;color:var(--orange);font-size:14px;font-weight:800}.aux-knobs{display:flex;gap:16px;margin-top:4px}.aux-knob{align-items:center;display:flex;flex-direction:column;gap:2px}.aux-val{color:#ff7a1a;color:var(--orange);font-size:9px;font-weight:700}.auto-fill-cap{color:#999;font-size:8px;letter-spacing:.5px}.channels{grid-gap:6px;background:#2c2c2c;background:var(--panel-darker);border-radius:6px;display:grid;gap:6px;grid-template-columns:repeat(12,minmax(0,1fr));padding:10px 8px}.channel{align-items:start;border-radius:4px;display:grid;grid-template-rows:66px 60px 70px auto;justify-items:center;padding:2px}.channel.sel{background:#ff7a1a1a;outline:1px solid #ff7a1a66}.slot{align-items:flex-start;display:flex;justify-content:center;width:100%}.inst-name{background:#e8e4d0;background:var(--cream);border:1px solid #8a8466;border-radius:3px;color:#1c1c1c;cursor:pointer;font-size:8.5px;font-weight:700;letter-spacing:.3px;line-height:1.1;padding:6px 2px;text-transform:uppercase;width:100%}.inst-name:hover{background:#f3efdc}.inst-name.sel{background:#ff7a1a;background:var(--orange);border-color:#ff7a1a;border-color:var(--orange);color:#000}.alt-switch-wrap{align-items:center;display:flex;flex-direction:column;gap:4px}.alt-name{background:#e8e4d0;background:var(--cream);border:1px solid #8a8466;border-radius:3px;color:#1c1c1c;font-size:8px;font-weight:700;line-height:1;padding:3px 4px;text-transform:uppercase}.alt-switch{background:#1a1a1a;border:1px solid #000;border-radius:4px;cursor:pointer;height:30px;padding:0;position:relative;width:22px}.alt-knob{background:linear-gradient(#777,#333);border-radius:2px;height:12px;left:50%;position:absolute;transform:translateX(-50%);transition:top .12s;width:16px}.alt-switch.up .alt-knob{top:2px}.alt-switch.down .alt-knob{bottom:2px;top:auto}.knob-wrap{align-items:center;display:flex;flex-direction:column;gap:3px}.knob-label{color:#c9c9c9;color:var(--label);font-size:8px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.knob-body{background:radial-gradient(circle at 35% 30%,#5a5a5a,#1a1a1a 75%);border:2px solid #0c0c0c;border-radius:50%;box-shadow:inset 0 2px 4px #ffffff26,0 2px 4px #0009;cursor:grab;position:relative;touch-action:none}.knob-body:active{cursor:grabbing}.knob-indicator{inset:0;position:absolute}.knob-tick{border-radius:2px;height:38%;left:50%;position:absolute;top:3px;transform:translateX(-50%);width:3px}.knob-disabled{opacity:.4}.right-cluster{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:space-between}.brand{text-align:right;width:100%}.brand-noland{-webkit-font-smoothing:antialiased;align-items:center;color:#ff7a1a;color:var(--orange);display:flex;font-family:Helvetica Neue,Helvetica,Inter,Arial,sans-serif;font-size:30px;font-weight:700;gap:9px;justify-content:flex-end;letter-spacing:-.025em;line-height:.95}.brand-mark{display:block;flex:none}.brand-title{font-size:13px;font-weight:700;margin-top:6px}.brand-model,.brand-title{color:#ff7a1a;color:var(--orange)}.brand-model{font-size:20px;font-weight:800}.brand-sub{color:#aaa;font-size:9px}.master-block{display:flex;justify-content:center;padding:10px;width:100%}.lower,.master-block{background:#2c2c2c;background:var(--panel-darker);border-radius:6px}.lower{grid-gap:14px;display:grid;gap:14px;grid-template-columns:180px minmax(0,1fr) 130px;padding:12px}.lower>*{min-width:0}.lower-left,.lower-right{display:flex;flex-direction:column;gap:10px}.variation-switch{display:flex;gap:4px}.var-btn{background:#2a2a2a;border:1px solid #666;border-radius:3px;color:#bbb;cursor:pointer;flex:1 1;font-size:11px;font-weight:800;padding:8px 0}.var-btn.on{background:#ff7a1a;background:var(--orange);border-color:#ff7a1a;border-color:var(--orange);color:#000}.start-stop{background:linear-gradient(#e9dfb0,#cdbf86);border:2px solid #8a7d54;border-radius:5px;box-shadow:0 4px 0 #00000059;color:#1c1c1c;cursor:pointer;font-size:12px;font-weight:800;letter-spacing:1px;margin-top:auto;padding:14px 8px}.start-stop:active{box-shadow:0 2px 0 #00000059;transform:translateY(2px)}.start-stop.playing{background:linear-gradient(#9be79b,#5fc95f);border-color:#2f7d2f}.seq-area{display:flex;flex-direction:column;gap:8px;min-width:0}.seq-editing{color:#ddd;font-size:12px}.seq-editing strong{color:#ff7a1a;color:var(--orange)}.seq-hint{color:#888;font-size:10px;margin-left:10px}.step-row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(16,minmax(0,1fr))}.step{align-items:center;border:2px solid #111;border-radius:4px;box-shadow:inset 0 1px 0 #ffffff26,0 3px 0 #00000059;cursor:pointer;display:flex;flex-direction:column;height:78px;justify-content:space-between;padding:6px 0;position:relative}.step-red{background:#b5392b}.step-orange{background:#c96a1e}.step-yellow{background:#c9b13a}.step-white{background:#d9d4c0}.step .step-num{color:#0000008c;font-size:10px;font-weight:800}.step-lamp{background:#3a0d0d;border:1px solid #00000080;border-radius:50%;box-shadow:inset 0 1px 2px #0009;height:12px;width:12px}.step.on .step-lamp{background:#ff3b30;box-shadow:0 0 10px #ff3b30,inset 0 0 3px #fff}.step.playhead{outline:3px solid #36d34a;outline-offset:1px}.step:active{transform:translateY(2px)}.seq-footer{color:#999;display:flex;font-size:9px;justify-content:space-between;letter-spacing:.5px}.prescale-block{margin-top:4px}.prescale-opts{display:flex;gap:4px}.ps-btn{background:#2a2a2a;border:1px solid #666;border-radius:3px;color:#bbb;cursor:pointer;flex:1 1;font-size:11px;font-weight:800;padding:6px 0}.ps-btn.on{background:#ff7a1a;background:var(--orange);border-color:#ff7a1a;border-color:var(--orange);color:#000}.seq-topbar{align-items:center;display:flex;justify-content:space-between}.edit-target{display:flex;gap:6px}.et-btn{background:#2a2a2a;border:1px solid #666;border-radius:3px;color:#bbb;cursor:pointer;font-size:9px;font-weight:800;padding:5px 10px;text-transform:uppercase}.et-btn.on{background:#ff7a1a;background:var(--orange);border-color:#ff7a1a;border-color:var(--orange);color:#000}.step-no{align-items:center;color:#aaa;display:flex;font-size:9px;font-weight:700;gap:5px;letter-spacing:.5px}.led{background:#3a0d0d;border:1px solid #000;border-radius:50%;height:8px;width:8px}.led.lit{background:#ff3b30;box-shadow:0 0 8px #ff3b30}.fill-flag{color:#36d34a;font-weight:800;margin-left:8px}.rhythm-guide{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(16,minmax(0,1fr));opacity:.5}.guide-note{color:#bbb;font-size:12px;text-align:center}.if-cap{color:#888;font-size:9px;letter-spacing:.4px}.tap-btn{background:linear-gradient(#e9dfb0,#cdbf86);border:2px solid #8a7d54;border-radius:5px;box-shadow:0 4px 0 #00000059;color:#1c1c1c;cursor:pointer;font-size:13px;font-weight:800;padding:12px 8px}.tap-btn:active{box-shadow:0 2px 0 #00000059;transform:translateY(2px)}.tap-btn:disabled{cursor:not-allowed;opacity:.45}.tap-btn.tap{background:linear-gradient(#d8cf9f,#bdae74);margin-top:4px}.stage-note{line-height:1.6;max-width:1500px;padding-bottom:8px;text-align:center}.how-to{color:#fff;font-size:12px;opacity:.95}.legal{color:#fff;font-size:10px;margin-top:5px;opacity:.62}
/*# sourceMappingURL=main.9b1678cd.css.map*/