:root{--ink:#0C1315;--ink2:#0F181B;--panel:#14201F;--panel2:#182827;--line:#22322F;--phos:#43E8C0;--phos-dim:#2C8F7A;--amber:#F6A93B;--ivory:#E9E2D2;--graphite:#141B1D;--text:#D7E4E1;--muted:#7C948F;--muted2:#54706B;--danger:#F0684B;--radius:10px;--keyw:38px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(1200px 600px at 80% -10%,rgba(67,232,192,.06),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(246,169,59,.05),transparent 55%),var(--ink);color:var(--text);font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.mono{font-family:IBM Plex Mono,ui-monospace,Menlo,monospace}.wrap{max-width:1180px;margin:0 auto;padding:22px 18px 60px}header{margin-bottom:18px}.brand h1{font-size:clamp(26px,4.4vw,44px);font-weight:700;letter-spacing:-.02em;line-height:.98;margin:0;text-transform:uppercase}.brand h1 .em{color:var(--phos)}.brand p{margin:.5em 0 0;color:var(--muted);max-width:52ch;font-size:14.5px;line-height:1.5}.scope{width:100%;height:88px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#0a1214,#0d1719);position:relative;overflow:hidden}.scope-panel{margin-top:4px}.scope canvas{width:100%;height:100%;display:block}.scope .tag{position:absolute;top:6px;left:8px;font-size:9.5px;letter-spacing:.18em;color:var(--muted2)}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:stretch}@media (max-width:880px){.grid{grid-template-columns:1fr}}.panel{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:14px;padding:16px 16px 18px;box-shadow:inset 0 1px #ffffff05,0 18px 40px -30px #000;height:100%;display:flex;flex-direction:column}.panel h2{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;display:flex;align-items:center;gap:9px;font-weight:600}.panel h2:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--phos);box-shadow:0 0 10px var(--phos)}.panel h2 .sub{margin-left:auto;color:var(--muted2);letter-spacing:.05em;text-transform:none;font-weight:500;font-size:11px}.btn{appearance:none;border:1px solid var(--line);background:#12201e;color:var(--text);font-family:inherit;font-size:13px;font-weight:500;padding:9px 13px;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.14s border-color,.14s background,.14s color}.btn:hover{border-color:var(--phos-dim);background:#16302b}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--phos);color:#062018;border-color:var(--phos);font-weight:600}.btn.primary:hover{background:#5cf0cc}.btn.amber{border-color:#5a4321;background:#241a0d;color:var(--amber)}.btn.amber:hover{background:#31240f}.btn:disabled{opacity:.4;cursor:not-allowed}.btn .k{font-size:10px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.filedrop{border:1.5px dashed var(--line);border-radius:11px;padding:14px;text-align:center;color:var(--muted);font-size:13px;cursor:pointer;transition:.15s;background:#0f1a19}.filedrop:hover,.filedrop.drag{border-color:var(--phos-dim);color:var(--text);background:#122120}.filedrop b{color:var(--phos);font-weight:600}select{appearance:none;background:#0f1a19 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' stroke='%237C948F' stroke-width='1.4' fill='none'/></svg>") no-repeat right 10px center;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:9px 30px 9px 11px;font-family:inherit;font-size:13px;width:100%;cursor:pointer}select:focus{outline:none;border-color:var(--phos-dim)}label.fld{display:block;font-size:11px;letter-spacing:.06em;color:var(--muted);margin:0 0 6px;text-transform:uppercase}.seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#0f1a19}.seg button{appearance:none;border:0;background:transparent;color:var(--muted);font-family:inherit;font-size:12.5px;padding:8px 14px;cursor:pointer}.seg button.on{background:var(--phos);color:#062018;font-weight:600}.seg.amber button.on{background:var(--amber);color:#2a1c05}.env-canvas{width:100%;height:140px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#0a1214,#0d1719);display:block;margin-bottom:14px}.legend{display:flex;gap:16px;font-size:11px;color:var(--muted);margin:-8px 0 12px}.legend i{display:inline-block;width:14px;height:2px;vertical-align:middle;margin-right:6px}.adsr{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 16px}@media (max-width:520px){.adsr{grid-template-columns:repeat(2,1fr)}}.slider .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.slider .nm{font-size:11px;letter-spacing:.05em;color:var(--muted);text-transform:uppercase}.slider .val{font-size:12.5px;color:var(--phos);font-family:IBM Plex Mono,monospace}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,var(--phos-dim),#1c2b29);border-radius:3px}input[type=range]::-moz-range-track{height:4px;background:#1c2b29;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;margin-top:-5.5px;border-radius:50%;background:var(--phos);box-shadow:0 0 8px #43e8c080;border:2px solid #06201a}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--phos);border:2px solid #06201a}input[type=range].amber::-webkit-slider-runnable-track{background:linear-gradient(90deg,#7a5a2a,#2a2113)}input[type=range].amber::-webkit-slider-thumb{background:var(--amber);box-shadow:0 0 8px #f6a93b80;border-color:#2a1c05}.pianoPanel{margin-top:16px}.pianoTools{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}.octctl{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.octctl .btn{padding:6px 11px}.piano-scroll{overflow-x:auto;overflow-y:hidden;padding-bottom:8px;-webkit-overflow-scrolling:touch}.playfield{display:flex;flex-direction:column;width:max-content;min-width:100%}.fall-stage{position:relative;height:240px;width:100%;background:linear-gradient(180deg,#061110,#0a1614);border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;overflow:hidden}.fall-stage.hidden{display:none}.fall-stage.is-horizontal{height:230px;background:linear-gradient(90deg,#0a1614,#061110 12% 100%)}.fall-stage canvas{display:block;width:100%;height:100%}.piano{position:relative;height:190px;display:flex;user-select:none;touch-action:none;width:max-content;background:linear-gradient(180deg,#05100f,#081513);padding:0 3px;border-radius:0 0 8px 8px;border:1px solid var(--line)}.piano.is-fretboard{height:auto;flex-direction:column;padding:0;background:transparent;border:0;border-radius:0;filter:none}.legend-row{display:flex;gap:14px;font-size:11px;color:var(--muted);margin:8px 0 0}.legend-row i{display:inline-block;width:12px;height:8px;border-radius:2px;vertical-align:middle;margin-right:5px}.wkey{position:relative;width:var(--keyw);height:100%;flex:0 0 var(--keyw);background:linear-gradient(180deg,#f4eede,var(--ivory) 12%,#d8d0bd);border:1px solid #0c1413;border-top:0;border-radius:0 0 6px 6px;margin:0 1px;box-shadow:inset 0 -10px 14px -12px #00000073;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px}.wkey .lab{font-size:8.5px;color:#9a9074;font-family:IBM Plex Mono,monospace;pointer-events:none;line-height:1.1;text-align:center}.wkey.on{background:linear-gradient(180deg,#7ff0d6,var(--phos) 40%,#2fbfa1);box-shadow:inset 0 -14px 20px -12px #003c2d99,0 0 18px #43e8c059}.wkey.on .lab{color:#064034}.bkey{position:absolute;top:0;width:24px;height:62%;z-index:3;background:linear-gradient(180deg,#2a3634,#101917 60%,var(--graphite));border:1px solid #05100e;border-radius:0 0 5px 5px;box-shadow:inset 0 -8px 10px -6px #ffffff0f,0 6px 8px -4px #000;display:flex;align-items:flex-end;justify-content:center;padding-bottom:5px}.bkey .lab{font-size:7px;color:#7c948f;font-family:IBM Plex Mono,monospace;pointer-events:none;line-height:1.05;text-align:center}.bkey.on{background:linear-gradient(180deg,#3ad9bb,var(--phos-dim) 55%,#1c7a67);box-shadow:0 0 16px #43e8c073}.bkey.on .lab{color:#062018}.fb-board{display:flex;flex-direction:column;gap:6px;filter:drop-shadow(0 0 8px rgba(0,0,0,.85))}.fb-neck-row{display:flex;align-items:stretch}.fb-string-labs{flex:0 0 22px;width:22px;display:grid;grid-template-rows:repeat(6,1fr);padding-right:4px;pointer-events:none}.fb-string-lab{display:flex;align-items:center;justify-content:flex-end;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;color:#e8d2a0b8;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.8)}.fb-fret-nums{display:flex;align-items:center;min-height:16px;pointer-events:none}.fb-fret-num{flex-shrink:0;text-align:center;font-family:IBM Plex Mono,monospace;font-size:10px;color:transparent;line-height:1}.fb-fret-num.open,.fb-fret-num.marked{color:#b4a078b3}.fb-note{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:600;color:transparent;pointer-events:none;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.65)}.fb-cell.on .fb-note{color:#2a1a05;font-size:10px}.fb-board.labels-notes .fb-note{color:#e8d2a047}.fb-board.labels-notes .fb-cell.on .fb-note{color:#2a1a05}.fb-neck{position:relative;display:flex;align-items:stretch;user-select:none;touch-action:none;border-radius:4px}.fb-edge{position:relative;flex:0 0 auto;height:100%;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20style='display:%20block;'%20viewBox='0%200%20101.664%20472.439'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Rectangle%2010'%20d='M0%20384.729C0%20431.835%2037.1331%20470.264%2083.7233%20472.349C85.0451%20472.408%2086.3747%20472.439%2087.7101%20472.439H101.664V0H87.7101C86.3747%200%2085.0451%200.0311471%2083.7233%200.0895478C37.1331%202.17445%200%2040.6041%200%2087.7101C0%20147.459%2029.9012%20173.184%2029.9012%20236.219C29.9012%20296.094%200%20321.461%200%20384.729Z'%20fill='var(--fill-0,%20%23D9D9D9)'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20style='display:%20block;'%20viewBox='0%200%20101.664%20472.439'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Rectangle%2010'%20d='M0%20384.729C0%20431.835%2037.1331%20470.264%2083.7233%20472.349C85.0451%20472.408%2086.3747%20472.439%2087.7101%20472.439H101.664V0H87.7101C86.3747%200%2085.0451%200.0311471%2083.7233%200.0895478C37.1331%202.17445%200%2040.6041%200%2087.7101C0%20147.459%2029.9012%20173.184%2029.9012%20236.219C29.9012%20296.094%200%20321.461%200%20384.729Z'%20fill='var(--fill-0,%20%23D9D9D9)'/%3e%3c/svg%3e");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:#1a1410}.fb-edge-wood{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;transform:scaleY(-1)}.fb-cols{display:flex;align-items:stretch;height:100%;flex:0 0 auto}.fb-col{position:relative;height:100%;flex-shrink:0;background:#14110e}.fb-wood{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;transform:scaleY(-1)}.fb-wire{position:absolute;left:0;top:1.5%;bottom:1.5%;width:10px;z-index:2;border-radius:5px;background:linear-gradient(90deg,#342e2a,#6a6560,#c8c3bc 28%,#fffdf7 44%,#b5b3b1,#292724 72%,#292421 84%,#262626);box-shadow:inset 0 0 1px #fbf8f280,2px 0 6px #0000008c,-1px 0 2px #00000059}.fb-wire:before{content:"";position:absolute;left:12%;right:12%;top:0;height:8px;border-radius:4px;background:radial-gradient(circle at 50% 40%,#faf7ee,#7b797b 70%);box-shadow:0 0 2px #fbf8f2}.fb-wire:after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:8px;border-radius:4px;background:#3a3835;box-shadow:inset 2px -2px 3px #292421}.fb-inlay{position:absolute;left:55%;top:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ece6d8,#9a9080 70%);box-shadow:0 0 4px #00000080,inset 0 1px 1px #ffffff59}.fb-inlay.double{box-shadow:none;background:transparent;width:auto;height:auto;display:flex;flex-direction:column;gap:48px;align-items:center}.fb-inlay.double:before,.fb-inlay.double:after{content:"";width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ece6d8,#9a9080 70%);box-shadow:0 0 4px #00000080}.fb-cells{position:absolute;inset:0;z-index:6;display:grid;grid-template-rows:repeat(6,1fr)}.fb-cells-open{z-index:6}.fb-tiles{position:absolute;inset:0;z-index:5;width:100%;height:100%;pointer-events:none;display:block}.fb-cell{position:relative;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.18)}.fb-cell:last-child{border-bottom:0}.fb-cell.on{background:radial-gradient(ellipse at center,rgba(255,170,40,.45) 0%,rgba(255,120,0,.12) 55%,transparent 70%);box-shadow:inset 0 0 18px #ffa02859}.fb-cell.on:after{display:none}.fb-strings{position:absolute;inset:0;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.75))}.fb-string{position:absolute;left:4%;right:0;height:2px;transform:translateY(-50%);border-radius:1px}.fb-string.plain-hi{height:2px;background:linear-gradient(180deg,#f1f1f1 42%,#7b7b7b 55%,#262626 73%)}.fb-string.plain{height:3px;background:linear-gradient(180deg,#fff 32%,#c9c9c9 36%,#7e7e7e 46%,#636363 54%,#484848 65%,#2e2e2e 73%,#262626 83%)}.fb-string.wound-g,.fb-string.wound-d,.fb-string.wound-a,.fb-string.wound-e{height:5px;background:repeating-linear-gradient(105deg,#c4a574 0 1.5px,#8a6a3e 1.5px 2.5px,#e8d4a8 2.5px 3.5px,#5c4428 3.5px 5px),linear-gradient(180deg,#d8c08a,#6a4e2e);background-blend-mode:overlay;box-shadow:inset 0 .5px #ffe6b459,inset 0 -.5px #00000073}.fb-string.wound-d{height:5.5px}.fb-string.wound-a{height:6px}.fb-string.wound-e{height:6.5px;background:repeating-linear-gradient(105deg,#b8955a 0 2px,#6e522c 2px 3.5px,#dcc08a 3.5px 4.5px,#4a3520 4.5px 7px),linear-gradient(180deg,#c8a86a,#5a4024);background-blend-mode:overlay}.hint{font-size:12px;color:var(--muted2);margin-top:10px;line-height:1.5}.kbd{display:inline-block;font-family:IBM Plex Mono,monospace;font-size:10.5px;background:#0f1a19;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 6px;color:var(--muted)}.statuschip{font-size:11px;color:var(--muted);font-family:IBM Plex Mono,monospace;display:inline-flex;align-items:center;gap:7px}.dot{width:7px;height:7px;border-radius:50%;background:var(--muted2)}.dot.live{background:var(--phos);box-shadow:0 0 8px var(--phos)}.dot.load{background:var(--amber);box-shadow:0 0 8px var(--amber)}.midibar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.progress{flex:1;min-width:160px;height:5px;background:#0f1a19;border-radius:3px;overflow:hidden;border:1px solid var(--line)}.progress>i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--phos-dim),var(--phos))}.small{font-size:11.5px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%) translateY(20px);background:#12211f;border:1px solid var(--line);color:var(--text);padding:10px 16px;border-radius:10px;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:50;box-shadow:0 20px 40px -20px #000}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.err{border-color:var(--danger);color:#ffd9cf}a.gh{color:var(--muted2);font-size:11.5px;text-decoration:none}a.gh:hover{color:var(--phos)}.spec{font-size:11.5px;color:var(--muted);font-family:IBM Plex Mono,monospace;line-height:1.7;margin-top:2px}.spec b{color:var(--text);font-weight:500}