:root{--accent: #e8542f;--bg: #f6f5f2;--fg: #1d1d1f;--muted: #6b6b70;--card: #ffffff;--line: #e2e0db;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #141416;--fg: #ececec;--muted: #9a9aa0;--card: #1e1e21;--line: #2c2c31}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}.top{display:flex;align-items:baseline;gap:20px;padding:14px 20px;border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:.02em}.top nav a{color:var(--muted);font-size:14px}.top nav a:hover{color:var(--fg)}main{max-width:1100px;margin:0 auto;padding:24px 16px 48px}.foot{color:var(--muted);font-size:12px;text-align:center;padding:20px;border-top:1px solid var(--line)}h1{font-size:26px;margin:0 0 6px}h2{font-size:17px;margin:28px 0 10px}.lede{color:var(--muted);margin:0 0 20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.card{display:block;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;transition:border-color .12s}.card:hover{border-color:var(--accent)}.card h3{margin:0 0 2px;font-size:17px}.card .kind{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.card p{margin:8px 0;font-size:14px;color:var(--fg)}.card .meta{font-size:12px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap}.tag{display:inline-block;font-size:11px;padding:1px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);margin:2px 4px 0 0}.crumbs{font-size:13px;color:var(--muted);margin-bottom:8px}.crumbs a:hover{color:var(--accent)}.plugin-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 16px}.plugin-head .kind{color:var(--muted);font-size:13px}.stage{position:relative;margin:16px 0;border:1px solid var(--line);border-radius:10px;background:#111;overflow:hidden}.stage iframe{display:block;border:0;transform-origin:0 0;background:transparent}.stage-note{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--muted);padding:8px 12px;border-top:1px solid var(--line);background:var(--card)}.stage-note button{font:inherit;font-size:13px;padding:4px 12px;border-radius:6px;border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer}.stage-note button:hover{border-color:var(--accent)}.stage-note .dot{width:8px;height:8px;border-radius:50%;background:var(--muted);display:inline-block}.stage-note .dot.on{background:#3cb371}.cols{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.cols>*{min-width:0}@media(min-width:880px){.cols{grid-template-columns:320px minmax(0,1fr)}}.presets{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}.presets .bar{display:flex;gap:8px;padding:10px;border-bottom:1px solid var(--line)}.presets select,.presets input{font:inherit;font-size:13px;padding:4px 8px;border-radius:6px;border:1px solid var(--line);background:var(--bg);color:var(--fg);min-width:0}.presets input{flex:1}.presets ul{list-style:none;margin:0;padding:0;max-height:460px;overflow:auto}.presets li{display:flex;justify-content:space-between;gap:8px;padding:7px 12px;cursor:pointer;border-bottom:1px solid var(--line);font-size:14px}.presets li:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.presets li.current{color:var(--accent);font-weight:600}.presets li small{color:var(--muted)}.presets .empty{padding:16px;color:var(--muted);font-size:14px}.table-scroll{overflow-x:auto}table.params{width:100%;border-collapse:collapse;font-size:13px}table.params th{text-align:left;font-weight:600;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:6px 8px;border-bottom:1px solid var(--line)}table.params td{padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}table.params td.id{font-family:var(--mono);font-size:12px}table.params tr.group td{background:var(--card);font-weight:600;padding-top:10px}table.params .dim{color:var(--muted)}.wrap{overflow-x:auto}.error{padding:20px;color:#c33}.kbd{font-family:var(--mono);font-size:12px;background:var(--card);border:1px solid var(--line);border-radius:4px;padding:0 5px}.top nav{display:flex;gap:16px}.tt-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:10px 12px;background:var(--card);border:1px solid var(--line);border-radius:10px;font-size:13px;color:var(--muted)}.tt-group{display:flex;align-items:center;gap:8px;min-width:0}.tt-bar select,.tt-head select{font:inherit;font-size:13px;padding:4px 8px;border-radius:6px;border:1px solid var(--line);background:var(--bg);color:var(--fg);min-width:0;max-width:100%}.tt-bar button,.tt-head button{font:inherit;font-size:13px;padding:4px 12px;border-radius:6px;border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer}.tt-bar button:hover:not(:disabled),.tt-head button:hover:not(:disabled){border-color:var(--accent)}.tt-bar button:disabled,.tt-head button:disabled{opacity:.4;cursor:default}.tt-bar button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.tt-bar .dot{width:8px;height:8px;border-radius:50%;background:var(--muted);display:inline-block}.tt-bar .dot.on{background:#3cb371}.tt-master input{width:110px;accent-color:var(--accent)}.tt-master output{font-family:var(--mono);font-size:12px;min-width:56px}.tt-bars{display:inline-flex;flex-direction:column;gap:2px;width:120px}.tt-bars.small{width:64px}.tt-bars .bar{display:block;height:5px;background:var(--line);border-radius:3px;overflow:hidden}.tt-bars .fill{display:block;height:100%;background:linear-gradient(90deg,#3cb371 0 70%,#e0b030 70% 90%,#e8542f 90%);transform:scaleX(0);transform-origin:0 50%;transition:transform 60ms linear}.tt-db{font-family:var(--mono);font-size:12px;min-width:64px}.tt-db.hot{color:#e8542f}.tt-sub{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;justify-content:space-between;font-size:13px;color:var(--muted);margin:10px 2px 4px}.tt-chain{color:var(--fg);overflow-wrap:anywhere}.tt-muted{color:var(--accent)}.tt-table{display:flex;flex-direction:column;gap:16px;margin-top:12px}.tt-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px 10px;min-width:0;max-width:calc(var(--tt-w) + 22px);width:100%}.tt-card.synth{border-left:3px solid var(--accent)}.tt-card .stage{margin:8px 0 0}.tt-card.bypassed .stage{opacity:.45}.tt-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:13px}.tt-role{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);min-width:40px}.tt-link{color:var(--muted);font-size:12px;text-decoration:underline}.tt-actions{display:flex;gap:6px;margin-left:auto}.tt-head button.tt-icon{padding:4px 9px}.tt-head button.tt-bypass[aria-pressed=true]{background:#e0b030;border-color:#e0b030;color:#111}@media(max-width:600px){.tt-actions{margin-left:0}.tt-bars{width:90px}}.stats-note:empty{display:none}.stats-note{padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--card)}.stats-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 20px}.stats-tile{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.stats-tile .v{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums}.stats-tile .k{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}table.stats td.n{text-align:right;font-variant-numeric:tabular-nums;width:6em}table.stats td.barcell{width:40%;vertical-align:middle}table.stats .bar{display:block;height:8px;border-radius:4px;background:var(--accent);width:0}body.wide main{max-width:none;padding:12px 12px 24px}.emt{--bg: #0e0f12;--panel: #16181d;--line: #262a33;--fg: #d8dbe2;--dim: #7a8090;--acc: #6ee7b7;--acc2: #f59e0b;--note: #93c5fd;color-scheme:dark;background:var(--bg);color:var(--fg);font:13px/1.4 ui-monospace,Menlo,Consolas,monospace;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 110px);min-height:560px}.emt *{box-sizing:border-box}.emt a{color:var(--acc)}.emt .emt-bar{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.emt .emt-bar h1{font-size:14px;margin:0 8px 0 0;color:var(--acc);letter-spacing:.08em}.emt button,.emt select,.emt input{font:inherit;background:#1f232b;color:var(--fg);border:1px solid var(--line);border-radius:4px;padding:5px 10px}.emt button{cursor:pointer}.emt button:hover{border-color:var(--acc)}.emt button:disabled{opacity:.4;cursor:default}.emt button.primary{background:var(--acc);color:#0b0c0f;border-color:var(--acc);font-weight:700}.emt input[type=number]{width:72px}.emt .emt-main{display:grid;grid-template-columns:300px 1fr;gap:0;flex:1;min-height:0}.emt aside{border-right:1px solid var(--line);padding:12px;overflow:auto}.emt section{padding:12px 16px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.emt section>#jam,.emt section>canvas,.emt section>#about,.emt section>.gridbar{flex:none}.emt #gridWrap{flex:1;min-height:0;overflow:auto}.emt #grid th{position:sticky;top:0;background:var(--bg);z-index:1}.emt .gridbar{display:flex;align-items:center;gap:16px}.emt .gridbar label{color:var(--dim);font-size:12px;margin-top:8px}.emt #about{color:var(--dim);margin:6px 0 0;font-size:12px}.emt #about summary{cursor:pointer}.emt #about p{margin:4px 0 0}.emt h2{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.1em;margin:14px 0 6px}.emt #meta{color:var(--dim);white-space:pre-wrap}.emt #status{color:var(--acc2);min-width:220px}.emt #progress{height:4px;background:var(--line);border-radius:2px;overflow:hidden;width:220px}.emt #progress i{display:block;height:100%;width:0;background:var(--acc);transition:width .1s}.emt table{border-collapse:collapse}.emt #rows td,.emt #rows th{padding:2px 6px;text-align:left;white-space:nowrap}.emt #rows tr.current{background:#1d2a26}.emt #rows tr{cursor:pointer}.emt .energy{display:inline-block;height:8px;background:var(--acc);vertical-align:middle;border-radius:2px}.emt #grid th,.emt #grid td{padding:1px 6px;border-right:1px solid var(--line);text-align:left;width:64px}.emt #grid th{color:var(--dim);font-weight:400}.emt #grid tr.beat td{border-top:1px solid var(--line)}.emt #grid tr.playing{background:#243243}.emt #grid tr.cursor{background:#1b1f27}.emt #grid tr.cursor.playing{background:#2a3a4d}.emt #grid td.sel{outline:1px solid var(--acc2);outline-offset:-1px;background:#2a2416}.emt.editing #grid td.sel{outline-color:#ef4444;background:#3a1c1c}.emt.editing label.check:has(#edit){color:#ef4444}.emt #grid tr.phrase td{color:var(--dim);font-size:11px;border-top:1px solid #3b4252;padding-top:6px;overflow:hidden;text-overflow:ellipsis;max-width:80px}.emt #grid td.silent{color:#3a3f4a}.emt #grid td{cursor:pointer}.emt #grid td.note{color:var(--note)}.emt #grid td.off{color:var(--dim)}.emt #grid td.fx{color:var(--acc2)}.emt #grid td.stepno{color:var(--dim);width:28px}.emt #cell{color:var(--dim);white-space:pre-wrap;margin-bottom:6px}.emt #cell b{color:var(--fg);font-weight:400}.emt #cell .shared{color:var(--acc2)}.emt #cellForm{display:grid;grid-template-columns:1fr 1fr;gap:6px}.emt #cellForm label{display:flex;gap:6px;align-items:center;color:var(--dim)}.emt #cellForm input,.emt #cellForm select{width:100%;padding:3px 5px}.emt #cellForm .wide,.emt #cellForm button{grid-column:1 / 3}.emt #cellForm .bad{border-color:#ef4444}.emt #help{color:var(--dim);font-size:12px}.emt #locks .dim{color:var(--dim);margin:0 0 6px;font-size:12px}.emt #locks details{border-top:1px solid var(--line);padding:3px 0}.emt #locks summary{cursor:pointer;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:11px;padding:3px 0}.emt #locks summary .lk,.emt #lockCount{color:var(--acc2)}.emt .lockrow{display:grid;grid-template-columns:92px 1fr 52px 16px;gap:4px;align-items:center;min-height:24px}.emt .lockrow label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dim)}.emt .lockrow input[type=range]{width:100%;accent-color:#4b5263;opacity:.6}.emt .lockrow input[type=number]{width:52px;padding:1px 3px}.emt .lockrow select{grid-column:2 / 4;padding:1px 3px}.emt .lockrow.locked label{color:var(--acc2)}.emt .lockrow.locked input[type=range]{accent-color:var(--acc2);opacity:1}.emt .lockrow .clear{border:0;background:none;color:var(--dim);padding:0;visibility:hidden}.emt .lockrow.locked .clear{visibility:visible}.emt .lockrow .clear:hover{color:var(--acc2)}.emt label.check{display:inline-flex;gap:6px;align-items:center}.emt #jam{border:1px solid var(--line);border-radius:6px;padding:6px 10px;margin:0 0 10px;background:var(--panel);flex:none}.emt #jam summary{cursor:pointer;color:var(--acc);font-size:12px;letter-spacing:.06em}.emt #jam .dim{color:var(--dim);letter-spacing:0}.emt .jhead{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:6px;color:var(--dim)}.emt .jhead select,.emt .jhead input{padding:3px 5px}.emt .jhead b{color:var(--fg);font-weight:400}.emt .jsets{margin-left:auto;display:inline-flex;gap:6px}.emt #jTracks{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.emt .jtrack{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:14px;padding:2px 4px 2px 10px;background:#1b1f27}.emt .jtrack.cur{border-color:var(--acc)}.emt .jtrack b{font-weight:400;cursor:pointer}.emt .jtrack small{color:var(--dim)}.emt .jtrack select{padding:1px 2px;font-size:11px;max-width:120px}.emt .jtrack button{padding:1px 7px;border-radius:10px}.emt #jTracks .empty{color:var(--dim);font-size:12px}.emt canvas{width:100%;height:60px;background:var(--panel);border:1px solid var(--line);border-radius:4px;display:block}@media(max-width:800px){.emt{height:auto;display:block}.emt section{display:block;overflow:visible}.emt #gridWrap{max-height:70vh}.emt .emt-main{grid-template-columns:1fr}.emt aside{border-right:0;border-bottom:1px solid var(--line)}}.emt #trackForm{display:grid;grid-template-columns:1fr;gap:6px}.emt #trackForm label{display:flex;gap:6px;align-items:center;color:var(--dim)}.emt #trackForm select{flex:1;min-width:0;padding:3px 5px}.emt #tName{color:var(--fg);text-transform:none;letter-spacing:0}.emt #slPanel{position:fixed;inset:0;z-index:50;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px}.emt #slPanel[hidden]{display:none}.emt .slp-box{background:var(--panel);border:1px solid var(--line);border-radius:10px;max-width:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.emt .slp-head{display:flex;gap:12px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}.emt .slp-head b{color:var(--acc);font-weight:400}.emt #slpNote{color:var(--dim);font-size:12px;margin-right:auto}.emt .slp-stage{position:relative;overflow:hidden}.emt #slpFrame{border:0;display:block;transform-origin:0 0;background:#111}.emt #fxForm{display:grid;gap:6px}.emt .fxrow{display:grid;grid-template-columns:52px 1fr auto;gap:4px 6px;align-items:center}.emt .fxrow>b{color:var(--dim);font-weight:400;font-size:12px}.emt .fxrow select{min-width:0;width:100%;padding:2px 4px}.emt .fxrow .fxmore{grid-column:2 / 4;display:flex;gap:6px;align-items:center;color:var(--dim);font-size:12px}.emt .fxrow .fxmore select{flex:1}.emt .fxrow .fxmore input[type=range]{flex:1;min-width:40px}.emt .fxrow button{padding:2px 8px}