.oc,.oc *{box-sizing:border-box;margin:0;padding:0}.oc{--navy:#2b4a86;--navy-ink:#12213f;--cream:#f2ecdd;--cream-hi:#fbf8ef;--key:#f4efe0;--key-edge:#cfc7b0;--key-shadow:#b9b09a;--blue-btn:#2aa3e0;--red-btn:#d9342b;--yellow-btn:#edc32b;--grey-btn:#8b8b86;--led-red:#ff3b23;--led-grn:#6ee23a;-webkit-text-size-adjust:100%;background:radial-gradient(ellipse at 50% 22%,#878d99 0,#4a4e57 60%,#2b2e34 100%);color:var(--navy);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-user-select:none;user-select:none}.oc,.oc .stage{min-height:calc(100vh - 64px)}.oc .stage{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:14px 8px 20px}.oc .scaler{overflow:hidden;position:relative}.oc .board{background:linear-gradient(158deg,#fcf9f1,#f2ecdd 42%,#e5ddc8);border:3px solid var(--navy-ink);border-radius:26px;box-shadow:0 26px 44px #00000080,inset 0 2px 0 #fffc,inset 0 -8px 22px #00000012;height:850px;left:0;position:absolute;top:0;transform-origin:top left;width:1440px}.oc .board:before{border:2px solid var(--navy);border-radius:17px;content:"";inset:10px;pointer-events:none;position:absolute}.oc .board>*{position:absolute}.oc .box{border:2px solid var(--navy);border-radius:9px}.oc .bank-label,.oc .box-title,.oc .knob-label,.oc .mini-label,.oc .span-label,.oc .ul-label{color:var(--navy);font-size:11px;font-weight:700;letter-spacing:.4px;white-space:nowrap}.oc .box-title{background:var(--cream);font-size:12px;left:50%;letter-spacing:1.2px;padding:0 8px;position:absolute;top:-8px;transform:translateX(-50%)}.oc .box-title.ul{text-decoration:underline;text-underline-offset:3px}.oc .led{background:#b9b3a3;border:1px solid #00000059;border-radius:50%;box-shadow:inset 0 1px 1px #00000059;display:inline-block;height:9px;transition:background .12s,box-shadow .12s;vertical-align:middle;width:9px}.oc .led.on.led-red{background:var(--led-red);box-shadow:0 0 9px 2px #ff3b23bf}.oc .led.on.led-grn{background:var(--led-grn);box-shadow:0 0 9px 2px #6ee23ab3}.oc .led.on.led-gry{background:#ffd23b;box-shadow:0 0 8px 2px #ffd23b99}.oc .hw-btn{border:1px solid #00000073;border-radius:5px;box-shadow:0 2px 0 #00000052,inset 0 1px 0 #ffffff73;cursor:pointer;padding:0}.oc .hw-btn:active{box-shadow:0 0 0 #0000004d;transform:translateY(2px)}.oc .btn-blue{background:linear-gradient(180deg,#56c2f2,var(--blue-btn));height:20px;width:32px}.oc .btn-red{background:linear-gradient(180deg,#f0584c,var(--red-btn));height:23px;width:34px}.oc .btn-yellow{background:linear-gradient(180deg,#f7db63,var(--yellow-btn));height:19px;width:28px}.oc .btn-grey{background:linear-gradient(180deg,#a5a5a0,var(--grey-btn));height:20px;width:32px}.oc .btn-cream{background:linear-gradient(180deg,var(--cream-hi),var(--key-edge));height:20px;width:32px}.oc .sec-keyboard{gap:8px;left:176px}.oc .sec-keyboard,.oc .sec-model{align-items:center;display:flex;top:30px}.oc .sec-model{color:var(--navy);font-size:10.5px;font-weight:700;gap:9px;left:600px}.oc .sec-demo{gap:8px;left:890px;top:30px}.oc .model-opt,.oc .sec-demo{align-items:center;display:flex}.oc .model-opt{gap:4px}.oc .model-opt .led{height:8px;width:8px}.oc .ul-label{text-decoration:underline;text-underline-offset:3px}.oc .sec-power{align-items:center;display:flex;flex-direction:column;gap:6px;left:30px;top:74px;width:100px}.oc .knob-master{left:30px;top:158px;width:100px}.oc .knob-master .knob{height:56px;width:56px}.oc .knob-master .knob:after{height:21px;transform:rotate(0deg);transform:rotate(var(--ind-rot,0deg));transform-origin:50% 23px}.oc .knob-wrap{align-items:center;display:flex;flex-direction:column;gap:6px}.oc .knob{background:radial-gradient(circle at 38% 30%,#fffdf6 0,#efe9d9 42%,#d6cdb6 78%,#bbb298 100%);border:1.5px solid #9a9382;border-radius:50%;box-shadow:0 3px 5px #0000004d,inset 0 -2px 5px #00000029;cursor:ns-resize;height:48px;position:relative;touch-action:none;width:48px}.oc .knob:after{background:var(--navy);border-radius:2px;content:"";height:18px;left:50%;margin-left:-1.5px;position:absolute;top:5px;transform:rotate(0deg);transform:rotate(var(--ind-rot,0deg));transform-origin:50% 19px;width:3px}.oc .knob:focus-visible{outline:2px solid var(--navy);outline-offset:4px}.oc .sec-voice{top:70px}.oc .sec-pattern,.oc .sec-voice{height:98px;left:176px;width:400px}.oc .sec-pattern{top:182px}.oc .sec-strum-knobs{top:70px;width:258px}.oc .sec-rhythm-knobs,.oc .sec-strum-knobs{align-items:center;display:flex;height:98px;justify-content:space-around;left:600px}.oc .sec-rhythm-knobs{top:182px;width:168px}.oc .sec-chord-knob{align-items:center;display:flex;height:98px;justify-content:center;left:782px;top:182px;width:76px}.oc .sec-rtc{height:210px;left:882px;top:70px;width:158px}.oc .sec-strum-knobs .span-label{bottom:6px;font-size:10px;position:absolute;right:40px}.oc .sec-strum-knobs .knob-wrap:nth-of-type(2) .knob-label,.oc .sec-strum-knobs .knob-wrap:nth-of-type(3) .knob-label{margin-bottom:14px}.oc .bank-btn{left:10px;position:absolute;top:40px}.oc .bank{align-items:center;bottom:5px;display:grid;grid-template-columns:repeat(5,1fr);left:50px;position:absolute;right:8px;top:5px}.oc .bank-col{align-items:center;display:flex;flex-direction:column;gap:2px}.oc .bank-col .bank-label{cursor:pointer;font-size:9.5px;font-weight:600;line-height:1.15}.oc .bank-col .bank-label:hover{text-decoration:underline}.oc .bank-col .hw-btn{background:linear-gradient(180deg,var(--cream-hi),var(--key-edge));height:17px;margin:2px 0;width:28px}.oc .bank-col .led{height:7px;width:7px}.oc .sec-rtc{flex-direction:column;padding:14px 10px 10px}.oc .rtc-row,.oc .sec-rtc{display:flex;justify-content:space-between}.oc .rtc-row{align-items:center;gap:6px}.oc .rtc-leds{display:flex;flex-direction:column;font-size:9.5px;font-weight:600;gap:2px}.oc .rtc-leds span{align-items:center;display:flex;gap:5px}.oc .rtc-leds em{font-size:9.5px;font-style:normal;opacity:.85}.oc .rtc-leds .led{height:7px;width:7px}.oc .sec-chords{height:210px;left:40px;top:306px;width:990px}.oc .row-labels{align-items:flex-end;display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:45px;left:0;letter-spacing:.6px;position:absolute;top:39px;width:56px}.oc .row-labels span:first-child{margin-right:-11px}.oc .row-labels span:nth-child(3){margin-right:11px}.oc .chord-area{bottom:0;left:68px;position:absolute;right:12px;top:0}.oc .col-heads{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(12,1fr);margin:0 0 5px 22px}.oc .col-heads span{font-size:11.5px;font-weight:700;text-align:center}.oc .chord-skew{position:relative;transform:skewX(-11deg)}.oc .chord-lines{background:repeating-linear-gradient(90deg,#2b4a86cc 0 1.5px,#0000 1.5px 77px);inset:-5px 0 -3px 0;pointer-events:none;position:absolute}.oc .chord-grid{grid-gap:9px 7px;display:grid;gap:9px 7px;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(3,50px);position:relative}.oc .chord-btn{align-items:center;background:linear-gradient(180deg,var(--key) 0,#e6e0cd 55%,#d5ceb6 100%);border:1px solid var(--key-edge);border-radius:6px;box-shadow:0 3px 0 var(--key-shadow),inset 0 1px 0 #ffffffd9;cursor:pointer;display:flex;justify-content:center;touch-action:none}.oc .chord-btn span{color:#8d8571;font-size:11px;font-weight:700;pointer-events:none;transform:skewX(11deg)}.oc .chord-btn.held{background:linear-gradient(180deg,#ffe9a8,#f0d489);box-shadow:0 0 0 var(--key-shadow),inset 0 2px 6px #00000047;transform:translateY(3px)}.oc .chord-btn.held span{color:#6d5a2c}.oc .sec-chordmode{height:92px;left:40px;top:542px;width:424px}.oc .mode-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(8,1fr);inset:14px 8px 8px;position:absolute}.oc .mode-unit{align-items:center;display:flex;flex-direction:column;gap:3px}.oc .mode-unit .led{height:7px;width:7px}.oc .mode-unit .hw-btn{background:linear-gradient(180deg,var(--cream-hi),var(--key-edge));height:20px;width:100%}.oc .mode-unit span.knob-label{font-size:8.5px}.oc .sec-seq{height:92px;left:480px;top:542px;width:550px}.oc .seq-readout{font-feature-settings:"tnum";align-items:center;background:linear-gradient(180deg,#16240f,#26401c);border:2px solid var(--navy);border-radius:5px;box-shadow:inset 0 2px 7px #000000bf;color:#9dff6a;font-size:17px;font-variant-numeric:tabular-nums;font-weight:800;height:44px;justify-content:center;left:12px;text-shadow:0 0 9px #9dff6acc;top:26px;width:92px}.oc .seq-ctl,.oc .seq-readout{display:flex;position:absolute}.oc .seq-ctl{align-items:flex-start;justify-content:space-around;left:116px;right:128px;top:20px}.oc .seq-unit{align-items:center;display:flex;flex-direction:column;gap:3px}.oc .led-spacer,.oc .seq-unit .led{height:8px;width:8px}.oc .led-spacer{display:block}.oc .seq-unit .knob-label{font-size:8.5px}.oc .big-step{background:linear-gradient(180deg,#f7db63,var(--yellow-btn));border:2px solid var(--navy-ink);border-radius:9px;box-shadow:0 4px 0 #00000059,inset 0 1px 0 #ffffff80;color:var(--navy-ink);cursor:pointer;font-size:13px;font-weight:800;height:48px;letter-spacing:2px;position:absolute;right:12px;top:24px;width:104px}.oc .big-step:active{box-shadow:0 1px 0 #00000059;transform:translateY(3px)}.oc .chord-readout{align-items:center;background:linear-gradient(180deg,#16240f,#26401c);border:2px solid var(--navy);border-radius:8px;box-shadow:inset 0 2px 9px #000000bf;color:#9dff6a;display:flex;font-size:36px;font-weight:800;height:76px;justify-content:center;left:44px;letter-spacing:1px;text-shadow:0 0 12px #9dff6ad9;top:704px;width:250px}.oc .logo-block{align-items:center;display:flex;flex-direction:column;left:50%;top:680px;transform:translateX(calc(-50% - 70px))}.oc .logo-svg{display:block;width:350px}.oc .logo-text{fill:none;stroke:var(--navy);stroke-width:3.4;font-family:Helvetica Neue,Arial,sans-serif;font-size:66px;font-style:italic;font-weight:800;letter-spacing:-1px}.oc .model-no{color:var(--navy);display:block;font-size:15px;font-weight:600;letter-spacing:3.5px;margin:-6px 0 0}.oc .nozuki{color:var(--navy-ink);display:inline-block;font-size:22px;font-weight:800;letter-spacing:1px;margin:14px 0 0}.oc .nozuki b{background:var(--navy-ink);border-radius:3px;color:var(--cream);display:inline-block;font-size:15px;height:21px;line-height:21px;margin-right:4px;text-align:center;width:21px}.oc .plate-frame{border:2px solid var(--navy);border-radius:9px;height:748px;left:1054px;padding:20px 9px 9px;top:62px;width:168px}.oc .plate-caption{background:var(--cream);color:var(--navy);font-size:11px;font-weight:700;left:50%;letter-spacing:1.2px;padding:0 8px;position:absolute;top:-8px;transform:translateX(-50%);white-space:nowrap}.oc .strumplate{background:repeating-linear-gradient(180deg,#c9c1a6 0 2px,#e4dec8 2px 5px,#d8d1b8 5px 7px);border:1.5px solid #a79f88;border-radius:4px;box-shadow:inset 0 0 16px #00000042;cursor:crosshair;display:flex;flex-direction:column-reverse;height:100%;overflow:hidden;touch-action:none;width:100%}.oc .strum-zone{flex:1 1;position:relative}.oc .strum-zone.lit:after{background:linear-gradient(90deg,#2aa3e000,#2aa3e099 45%,#2aa3e000);box-shadow:0 0 16px #2aa3e0a6;content:"";inset:0;position:absolute}.oc .speaker{background-image:radial-gradient(circle,#b5ac93 1.8px,#0000 2px);background-position:7px 7px;background-size:15px 15px;border:2px solid var(--navy);border-radius:10px;height:748px;left:1246px;top:62px;width:152px}.oc .help,.oc .page-note{line-height:1.55;max-width:900px;text-align:center}.oc .help{color:#eae7df;font-size:12.5px;margin-top:12px}.oc .help b{color:#fff}.oc .page-note{color:#b9bcc4;font-size:11px;margin-top:6px}*{box-sizing:border-box;margin:0;padding:0}:root{--panel:#4a4a4a;--panel-dark:#3a3a3a;--panel-darker:#2c2c2c;--orange:#ff7a1a;--cream:#e8e4d0;--label:#c9c9c9}body{background:#d96a1f}.shell{min-height:100vh}.shell-drums{background:#d96a1f}.shell-chord{background:#4a4e57}.tabbar{display:flex;gap:10px;justify-content:center;padding:14px 12px 0}.tab{align-items:center;background:linear-gradient(180deg,#55565c,#3a3b40);border:2px solid #00000073;border-bottom:none;border-radius:11px 11px 0 0;box-shadow:inset 0 1px 0 #ffffff2e;color:#cfcfd4;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:1px;min-width:168px;padding:9px 22px 8px;transition:background .15s,color .15s,transform .1s}.tab:hover{color:#fff}.tab .tab-label{font-size:15px;font-weight:800;letter-spacing:2.5px}.tab .tab-sub{font-size:9.5px;letter-spacing:1.4px;opacity:.75}.tab.on{color:#1d1d1f;transform:translateY(1px)}.shell-drums .tab.on{background:linear-gradient(180deg,#ffb066,#ff7a1a);background:linear-gradient(180deg,#ffb066,var(--orange));border-color:#7a3a06}.shell-chord .tab.on{background:linear-gradient(180deg,#fbf8ef,#e2dac6);border-color:#12213f;color:#2b4a86}@media (max-width:520px){.tab{flex:1 1;min-width:0;padding:8px 10px}.tab .tab-label{font-size:12px;letter-spacing:1.4px}.tab .tab-sub{display:none}}.app{align-items:stretch;background:#d96a1f;display:flex;flex-direction:column;font-family:Helvetica Neue,Arial,sans-serif;gap:10px;min-height:calc(100vh - 64px);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.4b78ad53.css.map*/