:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color-scheme:dark;--lcd: #7dffc0;--lcd-dim: #3f8f6e;--bg: #0a0b0d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 700px at 50% -10%,#1a1f26 0%,var(--bg) 60%);min-height:100vh;color:#d8dde3;padding:14px 12px 32px}.sc{width:100%;max-width:1180px;margin:0 auto;background:linear-gradient(#23262c,#15171b 55%,#101216);border:1px solid #34383f;border-radius:12px;box-shadow:0 24px 60px #0000008c,inset 0 1px #ffffff0f;padding:12px}.sc-top{display:flex;align-items:center;gap:16px;padding:4px 6px 14px;border-bottom:1px solid #2a2e35}.brand{font-weight:800;font-size:26px;letter-spacing:1px;color:#eef2f6;display:flex;align-items:center;gap:10px}.brand span{font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#ff8a3c}.model{color:#6b7280;font-size:12px;letter-spacing:1px}.topinfo{margin-left:auto;display:flex;align-items:center;gap:10px;color:#9aa5b1;font-size:12px}.topinfo .vc{color:var(--lcd-dim);font-variant-numeric:tabular-nums}.led{width:9px;height:9px;border-radius:50%;background:#3a2222;box-shadow:inset 0 0 3px #000}.led.on{background:#ff5a4d;box-shadow:0 0 8px #ff5a4d,inset 0 0 2px #fff6}.led.err{background:#ffcf4d;box-shadow:0 0 8px #ffcf4d}.player{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding:8px 12px;background:linear-gradient(#1b1e23,#131519);border:1px solid #2c3037;border-radius:10px}.player .melody{margin-left:2px}.filebtn.sm{padding:6px 9px;font-size:15px;line-height:1}.pbtn{font-size:15px;padding:5px 11px;min-width:40px;background:linear-gradient(#2c333d,#1d2026)}.pbtn:not(:disabled):hover{background:linear-gradient(#36404d,#232830)}.time{font-family:Consolas,monospace;font-size:12px;color:var(--lcd-dim);min-width:36px;text-align:center}.seek{flex:1 1 120px;min-width:90px;height:4px;cursor:pointer;accent-color:#62d6a0}.seek:disabled{opacity:.4;cursor:default}.amb{display:flex;align-items:center;gap:6px;font-size:11px;color:#c7b3f5;padding:3px 9px;border-radius:999px;border:1px solid #3a2f55;background:#181426}.amb-slider{width:82px;height:4px;accent-color:#b794f6;cursor:pointer}.amb-val{font-family:Consolas,monospace;min-width:22px;text-align:right}.mname{font-size:11px;color:#8a93a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.kybadge{font-size:10.5px;font-weight:700;color:#ff8a3c;letter-spacing:1px;border:1px solid rgba(255,138,60,.4);background:#2a1d12;padding:2px 8px;border-radius:999px}.chk.melody{color:#ffb060;font-weight:600}.chk.melody input{accent-color:#ffb060}.mch{font-size:11px;padding:4px 6px}.keyctl{display:flex;align-items:center;gap:4px;padding:2px 6px;border:1px solid #3a4150;border-radius:999px;background:#161a20}.kc-lbl{font-size:10.5px;font-weight:700;color:#8fd0ff;letter-spacing:1px}.kc-btn{font-size:13px;line-height:1;padding:2px 7px;min-width:24px;background:linear-gradient(#2c333d,#1d2026);border:1px solid #3a4150;border-radius:6px;color:#d7dee8;cursor:pointer}.kc-btn:hover{background:linear-gradient(#36404d,#232830)}.kc-zero{font-size:11px;color:#8fd0ff}.kc-val{font-family:Consolas,monospace;font-size:12px;color:#eaf2ff;width:62px;flex:0 0 62px;text-align:center;font-weight:700;white-space:nowrap;overflow:hidden}.build{font-family:Consolas,monospace;font-size:10px;color:#4a525e;margin-left:4px;letter-spacing:.3px}.karaoke{margin-top:10px;padding:20px 28px;border-radius:12px;border:1px solid #15393f;background:linear-gradient(#2c6570,#184852);display:flex;flex-direction:column;gap:8px;min-height:138px;justify-content:center;box-shadow:inset 0 0 26px #0007}.kline{font-size:44px;font-weight:800;letter-spacing:1px;line-height:1.16;text-align:center;white-space:nowrap;overflow:hidden}.kline.active{font-size:44px}.kwrap{position:relative;display:inline-block;white-space:nowrap}.kbase{color:#e8f3f4}.kline:not(.active) .kbase{color:#9dc1c6}.klit{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:#ffe14d}.kline.ksec{font-size:44px;font-weight:800;margin:2px 0}.kline.ksec .kbase{color:#bcd6da}.kline.ksec .klit{color:#ffd06b;text-shadow:none}.kline.knext{font-size:44px;font-weight:800;color:#8fb6bb;margin-top:2px}.karaoke-wrap{position:relative}.lang-toggle{position:absolute;top:8px;right:10px;z-index:2;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;border:1px solid #3a4150;background:#1b2230;color:#cdd6e4;cursor:pointer}.lang-toggle:hover{background:#232b3a}@media (max-width: 640px){.karaoke{padding:16px 14px;min-height:110px}.kline,.kline.active,.kline.ksec,.kline.knext{font-size:28px}}.sfdl{margin-top:10px;padding:10px 14px;border-radius:10px;border:1px solid #3a2f55;background:linear-gradient(#1b1626,#15121e);box-shadow:inset 0 0 12px #0007}.sfdl-row{display:flex;align-items:center;gap:10px}.sfdl-spin{width:13px;height:13px;flex:none;border-radius:50%;border:2px solid #4a3a72;border-top-color:#b794f6;animation:sfdl-spin .8s linear infinite}@keyframes sfdl-spin{to{transform:rotate(360deg)}}.sfdl-msg{color:#d6c7f5;font-size:12.5px;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sfdl-msg small{color:#8a7fb0;font-weight:400}.sfdl-pct{font-family:Consolas,monospace;font-size:13px;font-weight:700;color:#eadcff;min-width:52px;text-align:right}.sfdl-bar{margin-top:8px;height:6px;border-radius:999px;overflow:hidden;background:#241d36}.sfdl-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#8b5cf6,#b794f6);transition:width .15s linear}.sfdl-fill[data-indeterminate]{animation:sfdl-slide 1.1s ease-in-out infinite}@keyframes sfdl-slide{0%{margin-left:-40%}to{margin-left:100%}}.sfdl-sub{margin-top:5px;font-family:Consolas,monospace;font-size:10.5px;color:#8a7fb0}@media (max-width: 640px){.sfdl-msg small{display:none}}.score-wrap{margin-top:10px;border:1px solid #2c3037;border-radius:10px;overflow:hidden;background:#131519}.score-label{font-size:10.5px;font-weight:700;letter-spacing:1px;color:#cdb98a;padding:6px 10px 0 12px;display:flex;align-items:center;justify-content:space-between}.score-big{font-size:11px;font-weight:700;letter-spacing:.5px;cursor:pointer;color:#dfe8f3;background:linear-gradient(#2c333d,#1d2026);border:1px solid #3a4150;border-radius:6px;padding:3px 10px}.score-big:hover{background:linear-gradient(#36404d,#232830)}.score .abcjs-chord{fill:#111!important;font-family:Arial,sans-serif!important;font-weight:700!important}.score{position:relative;max-height:320px;overflow-y:auto;overflow-x:hidden;background:#fff;margin:7px;border-radius:4px;padding:3px 6px;box-shadow:inset 0 0 0 1px #e7e3d8,0 1px 3px #00000040;scrollbar-width:thin}.score-system{width:100%;margin:0 0 12px}.score-system:last-child{margin-bottom:0}.score-system svg{display:block;width:100%;height:auto}.score-titleblock{position:relative;padding:10px 8px 8px;min-height:90px}.score-titleblock .st-title{text-align:center;font-family:Georgia,serif;font-weight:700;font-size:27px;color:#111;line-height:1.15}.score-titleblock .st-credits{position:absolute;right:10px;top:40px;text-align:right;font-family:Georgia,serif;font-style:italic;font-size:12px;color:#222;line-height:1.4}.score svg,.score svg path,.score svg line{color:#143a86}.score svg text{fill:#1a1a1a;font-family:Arial,sans-serif!important;letter-spacing:0!important}.score .abcjs-lyric{fill:#111!important;font-family:Arial,sans-serif!important;font-weight:700!important}.score-cursor{position:absolute;width:2px;left:0;top:0;height:0;background:#e23b3b;border-radius:1px;box-shadow:0 0 3px #e23b3b80;pointer-events:none;z-index:5}.player.attached{margin-bottom:0;border-radius:10px 10px 0 0;border:1px solid #143b41;border-bottom:0;background:linear-gradient(#173640,#102a30)}.player.attached+.stage{margin-top:0;border-top:0;border-radius:0 0 13px 13px}.stage{margin-top:10px;border-radius:8px;overflow:hidden;border:1px solid #143b41;background:#0c1316;box-shadow:0 14px 36px #00000080,inset 0 0 0 1px #ffffff08}.stage .pscore-wrap{margin:0;border:0;border-radius:0;background:transparent}.stage .pscore-rows{margin:0;border-radius:0;box-shadow:none;border-bottom:1px solid #0a2228}.stage .karaoke{margin-top:0;border:0;border-radius:0}.stage .pscore-label{margin:0;padding:7px 14px;align-items:center;gap:9px;background:linear-gradient(#173640,#0f262c);border-bottom:1px solid #081a1f;color:#d6ece5}.stage .pscore-label .ps-mark{color:#66c6c0;font-size:13px}.stage .pscore-label .ps-title{flex:1;min-width:0;font-size:13.5px;font-weight:700;letter-spacing:.4px;color:#f0f8f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage .pscore-label .score-big{color:#dcf1ea;background:linear-gradient(#1f535c,#143a42);border:1px solid #0c2a30}.stage .pscore-label .score-big:hover{background:linear-gradient(#266872,#1a4a53)}.pscore-wrap{margin-top:10px;border:1px solid #2c3037;border-radius:10px;overflow:hidden;background:#131519}.pscore-label{font-size:10.5px;font-weight:700;letter-spacing:1px;color:#cdb98a;padding:6px 10px 0 12px;display:flex;align-items:center;justify-content:space-between}.pscore-rows{position:relative;margin:0;border-radius:0;background:#fff;padding:7px 10px 20px;box-shadow:inset 0 0 0 1px #ece7db}.wm90-tempo{display:flex;align-items:baseline;gap:6px;padding:1px 0 5px 2px;white-space:nowrap;color:#173b8c;font-family:Arial,sans-serif;font-weight:800;line-height:1;letter-spacing:0}.wm90-key,.wm90-bpm{font-size:15px;letter-spacing:0}.wm90-note{font-size:13px}.wm90-eq{font-size:13px;font-weight:700}.pscore-row{width:100%;position:relative}.pscore-row+.pscore-row{margin-top:8px;border-top:1px solid #ece7db;padding-top:8px}.pscore-row svg{display:block;width:100%;height:auto}.pscore-row .abcjs-tempo,.pscore-row [class*=tempo]{display:none!important;visibility:hidden!important}.pscore-row .abcjs-chord,.pscore-row .abcjs-lyric{fill:#111!important;font-family:Arial,sans-serif!important;font-weight:700!important}.pscore-cursor{position:absolute;left:0;top:0;width:3px;background:#ef1f28;border-radius:1px;box-shadow:0 0 5px #ef1f286b;pointer-events:none;z-index:5;transition:none;will-change:transform}@media (max-width: 640px){.pscore-rows{padding:5px 7px 7px}}.sc-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;padding:12px 0}.lcd{flex:1 1 auto;min-width:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 2px,transparent 2px 4px),radial-gradient(120% 100% at 50% 0%,#0b3528,#061d16 70%,#04140f);border:1px solid #093a2c;border-radius:10px;box-shadow:inset 0 0 26px #000000b3,inset 0 0 60px #14ffa00f,0 0 0 3px #0a0c0e;padding:12px 14px;font-family:Consolas,SF Mono,DejaVu Sans Mono,monospace;color:var(--lcd);text-shadow:0 0 6px rgba(80,255,180,.45)}.lcd-head{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;gap:12px;align-items:baseline;padding-bottom:8px;margin-bottom:6px;border-bottom:1px dashed rgba(80,255,180,.25)}.ph-part{font-size:20px;font-weight:700}.ph-ch{font-size:12px;color:var(--lcd-dim)}.ph-name{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ph-prog{font-size:13px;color:var(--lcd-dim)}.port-tabs{display:inline-flex;gap:2px;align-self:center}.ptab{width:22px;height:18px;padding:0;font-size:11px;font-weight:700;line-height:1;border-radius:4px;border:1px solid #2a4034;background:#0e241b;color:#3f8f6e;cursor:pointer}.ptab:hover{border-color:#3f8f6e}.ptab.on{background:#1d6b4c;border-color:#50ffb4;color:#eafff5;box-shadow:0 0 6px #50ffb466}.lcd-parts{display:flex;flex-direction:column;gap:1px}.prow{display:grid;grid-template-columns:22px minmax(0,1fr) auto 16px 22px;align-items:center;gap:8px;padding:2px 6px;border-radius:4px;cursor:pointer;font-size:12.5px;line-height:1.5}.prow.muted .pname{opacity:.35;text-decoration:line-through}.prow.muted .meter{opacity:.35}.mbtn{width:20px;height:18px;padding:0;font-size:10px;font-weight:700;line-height:1;border-radius:4px;border:1px solid #2a4034;background:#0e241b;color:#3f8f6e;cursor:pointer}.mbtn:hover{border-color:#3f8f6e}.mbtn.on{background:#b3402f;border-color:#ff6a5a;color:#fff;box-shadow:0 0 6px #ff5a4d80}.prow:hover{background:#50ffb412}.prow.sel{background:#50ffb429;outline:1px solid rgba(120,255,200,.4)}.prow.drum .pn{color:#ffb060;text-shadow:0 0 6px rgba(255,160,80,.5)}.prow.melody .pname{color:#ffb060}.pn{color:var(--lcd-dim);font-weight:700}.chk.melody .mel-part{font-size:10px;opacity:.7;margin-left:2px;padding:0 4px;border:1px solid rgba(255,176,96,.4);border-radius:3px}.pname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pv{text-align:right;color:var(--lcd-dim);font-variant-numeric:tabular-nums}.meter{display:inline-flex;gap:2px}.seg{width:5px;height:11px;border-radius:1px;background:#0c3326;box-shadow:inset 0 0 2px #000}.seg.on{background:#36d27a;box-shadow:0 0 5px #36d27a99}.seg.mid.on{background:#ffcf4d;box-shadow:0 0 5px #ffcf4d99}.seg.hi.on{background:#ff5a5a;box-shadow:0 0 6px #ff5a5a}.panel{flex:0 0 250px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(#1b1e23,#131519);border:1px solid #2c3037;border-radius:10px;padding:12px}.panel-title{font-size:11px;letter-spacing:2px;color:#8a93a0;text-transform:uppercase}.knobs{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;justify-items:center}.knob{width:60px;display:flex;flex-direction:column;align-items:center;gap:3px}.knob-dial{position:relative;border-radius:50%;cursor:ns-resize;touch-action:none;background:radial-gradient(circle at 35% 30%,#3a3f47,#16181c 70%);box-shadow:inset 0 2px 4px #ffffff14,0 3px 6px #00000080}.knob-ring{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:2px solid}.knob-ind{position:absolute;left:50%;top:8%;width:3px;height:32%;margin-left:-1.5px;border-radius:2px;transform-origin:50% 130%;box-shadow:0 0 5px currentColor}.knob-label{font-size:9.5px;letter-spacing:1px;color:#8a93a0}.knob-val{font-size:11px;color:#cfd6dd;font-variant-numeric:tabular-nums;font-family:Consolas,monospace}.prog{display:flex;align-items:center;gap:8px;width:100%;max-width:300px;margin:0 auto}.prog button{padding:4px 10px}.prog-disp{flex:1;min-width:0;text-align:center;font-family:Consolas,monospace;background:#0a1714;border:1px solid #14352a;border-radius:6px;padding:4px;color:var(--lcd);display:flex;flex-direction:column}.prog-disp small{font-size:9px;color:var(--lcd-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.master{margin-top:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;border-top:1px solid #2c3037;padding-top:10px}.master .sf{font-size:11px;color:#8a93a0;word-break:break-all;flex-basis:100%;text-align:center}.sc-transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 4px 6px;border-top:1px solid #2a2e35}button,.filebtn{font:inherit;font-size:13px;padding:7px 12px;border:1px solid #393e46;border-radius:7px;cursor:pointer;background:linear-gradient(#2a2f37,#1c2026);color:#dde3ea;box-shadow:inset 0 1px #ffffff0d}button:hover,.filebtn:hover{background:linear-gradient(#323843,#232830)}button:disabled{opacity:.4;cursor:default}.chk{display:flex;align-items:center;gap:5px;color:#aeb6c0;font-size:13px}.pos{font-family:Consolas,monospace;color:var(--lcd-dim);font-size:12px}.drophint{margin-left:auto;color:#555b63;font-size:11px}.piano{position:relative;height:150px;-webkit-user-select:none;user-select:none;padding-top:12px}.keyboard{position:relative;width:100%;height:138px}.white-row{display:flex;height:138px}.pkey{padding:0;cursor:pointer;transition:background .04s;touch-action:none}.pkey.white{flex:1 1 0;min-width:0;height:100%;background:linear-gradient(#fafafa,#e6e6e6);color:#222;border:1px solid #888;border-top:none;border-left:none;border-radius:0 0 4px 4px;box-shadow:inset 0 -6px 8px #00000014}.pkey.white:first-child{border-left:1px solid #888}.pkey.black{position:absolute;top:0;height:90px;transform:translate(-50%);background:linear-gradient(#2a2a2a,#0c0c0c);border:1px solid #000;border-radius:0 0 3px 3px;z-index:2;box-shadow:0 3px 4px #00000080}.pkey.white.down{background:linear-gradient(#9fc0ff,#6f97f0)}.pkey.black.down{background:linear-gradient(#5878d8,#2f47a8)}@media (max-width: 720px){.sc-body{display:flex;flex-direction:column}.panel{flex-basis:auto}.panel .knobs{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 22px}.panel .knobs,.panel .master{max-width:380px;margin-left:auto;margin-right:auto}.master{margin-top:12px;justify-content:center}.lcd-head .ph-name{font-size:16px}}@media (max-width: 560px){body{padding:6px 4px 18px}.sc{padding:7px;border-radius:8px}.sc-top{gap:6px 10px;padding-bottom:10px;flex-wrap:wrap}.brand{font-size:21px}.brand span{font-size:10px;letter-spacing:2px}.model{display:none}.topinfo{margin-left:auto;font-size:11px;gap:7px}.lcd{padding:9px 10px}.lcd-head{gap:8px}.ph-name{font-size:14px}.ph-part{font-size:16px}.prow{grid-template-columns:20px minmax(0,1fr) auto 14px 20px;gap:6px;font-size:12px}.seg{width:4px;height:10px}.player{gap:7px 8px;padding:7px 8px}.mname{max-width:96px}.sc-transport{gap:6px;font-size:12.5px}.piano{height:140px;padding-top:8px}.keyboard,.white-row{height:132px}.pkey.black{height:84px}.score{margin:5px;padding:3px 5px}.score-titleblock{min-height:66px;padding:6px 4px 2px}.score-titleblock .st-title{font-size:21px}.score-titleblock .st-credits{top:27px;right:6px;font-size:9.5px;line-height:1.34}.score-system{margin-bottom:11px}.stage .pscore-label{padding:6px 9px}.pscore-rows{padding:7px 7px 9px}.wm90-tempo{gap:5px;padding-left:2px}.wm90-key,.wm90-bpm{font-size:14px}.wm90-note,.wm90-eq{font-size:12px}.karaoke{padding:14px 8px;min-height:104px}}