:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#cfccd6;--surface:#e6e4ec;--surface-2:#d3d0dc;--line:#b9b5c4;--ink:#25222e;--ink-soft:#615c70;--accent:#5b4a9e;--accent-hi:#7563bd;--accent-ink:#f6f4ff;--navy:#3c3480;--pill:#8e8a9c;--pill-ink:#f5f3fa;--field:#f7f6fa;--focus:#5b4a9e;--btn-a:#d6312b;--btn-b:#e8a321;--btn-x:#2f5fc4;--btn-y:#2f9e4f;--pat-bg:#f4f3f7;--pat-beat:#eae8f0;--pat-bar:#dedbe7;--pat-cursor-row:#e1dcf3;--pat-play:#5b4a9e;--pat-play-ink:#f6f4ff;--c-num:#8e8a9c;--c-note:#2f3f9e;--c-off:#8e8a9c;--c-inst:#a23a8c;--c-vol:#2b7a3f;--c-fx:#b4570f;--c-param:#7a4a12;--c-empty:#c5c1cf;--scope-bg:#22202b;--scope-ink:#9ee6a8;--scope-dim:#4d6a55;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#18171d;--surface:#23212b;--surface-2:#2f2c39;--line:#3a3746;--ink:#ebe8f3;--ink-soft:#a29db3;--accent:#8f7de0;--accent-hi:#a594f0;--accent-ink:#15121f;--navy:#b4aaff;--pill:#4c4859;--pill-ink:#ebe8f3;--field:#1b1a21;--focus:#b4aaff;--btn-a:#e5534b;--btn-b:#f0b43c;--btn-x:#5b86e0;--btn-y:#4cbc6c;--pat-bg:#16151b;--pat-beat:#1e1c25;--pat-bar:#26232f;--pat-cursor-row:#2f2943;--pat-play:#8f7de0;--pat-play-ink:#15121f;--c-num:#6f6a80;--c-note:#a9b6ff;--c-off:#7c778a;--c-inst:#f08ad8;--c-vol:#8fd48a;--c-fx:#ffb547;--c-param:#e2a25a;--c-empty:#393644;--scope-bg:#0f0e14;--scope-ink:#9ee6a8;--scope-dim:#33473a}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#18171d;--surface:#23212b;--surface-2:#2f2c39;--line:#3a3746;--ink:#ebe8f3;--ink-soft:#a29db3;--accent:#8f7de0;--accent-hi:#a594f0;--accent-ink:#15121f;--navy:#b4aaff;--pill:#4c4859;--pill-ink:#ebe8f3;--field:#1b1a21;--focus:#b4aaff;--btn-a:#e5534b;--btn-b:#f0b43c;--btn-x:#5b86e0;--btn-y:#4cbc6c;--pat-bg:#16151b;--pat-beat:#1e1c25;--pat-bar:#26232f;--pat-cursor-row:#2f2943;--pat-play:#8f7de0;--pat-play-ink:#15121f;--c-num:#6f6a80;--c-note:#a9b6ff;--c-off:#7c778a;--c-inst:#f08ad8;--c-vol:#8fd48a;--c-fx:#ffb547;--c-param:#e2a25a;--c-empty:#393644;--scope-bg:#0f0e14;--scope-ink:#9ee6a8;--scope-dim:#33473a}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);-webkit-tap-highlight-color:transparent;margin:0}body{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:1px}#app{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.toolbar{background:var(--surface);border-bottom:4px solid var(--accent);border-image:linear-gradient(90deg, var(--btn-a) 0 25%, var(--btn-b) 25% 50%, var(--btn-x) 50% 75%, var(--btn-y) 75%) 1;flex-wrap:wrap;flex:none;align-items:center;gap:8px 12px;padding:8px 12px;display:flex}.brand{align-items:center;gap:8px;display:flex}.brand h1{color:var(--navy);letter-spacing:.02em;white-space:nowrap;margin:0;font-size:18px;font-style:italic;font-weight:800}.brand h1 span{letter-spacing:.25em;color:var(--ink-soft);margin-left:4px;font-size:11px;font-style:normal}.led{background:#5a2020;border-radius:50%;flex:none;width:9px;height:9px}.led.on{background:#ff3b3b;box-shadow:0 0 6px #ff3b3b}.transport{gap:6px;display:flex}.round-btn{background:radial-gradient(circle at 35% 30%, var(--accent-hi), var(--accent) 65%);width:34px;height:34px;color:var(--accent-ink);touch-action:manipulation;border:0;border-radius:50%;font-size:13px;box-shadow:0 2px #00000040}.round-btn.dark{background:var(--pill);color:var(--pill-ink)}#play-song{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--btn-y) 70%, white), var(--btn-y) 65%);color:#fff}#play-pattern{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--btn-x) 70%, white), var(--btn-x) 65%);color:#fff}.round-btn.rec{background:var(--pill);color:var(--pill-ink);font-size:15px}.round-btn.rec[aria-pressed=true]{color:#fff;background:radial-gradient(circle at 35% 30%,#ff6b6b,#d61f1f 65%);box-shadow:0 0 8px #d61f1f99}#app[data-rec=off] .cell .cursor{background:var(--pill);color:var(--pill-ink)!important}.round-btn[aria-pressed=true]{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--accent)}.round-btn:active{transform:translateY(1px)}.fields{font:700 12px var(--mono);flex-wrap:wrap;gap:6px 14px;display:flex}.field{color:var(--ink-soft);align-items:center;gap:4px;display:inline-flex}.field output{color:var(--ink);text-align:center;min-width:2ch}.stepper{align-items:center;gap:2px;display:inline-flex}.stepper button{background:var(--surface-2);width:20px;height:22px;font:700 12px var(--mono);border:0;border-radius:4px;padding:0}.field output.badge{background:var(--navy);color:var(--surface);border-radius:4px;padding:2px 6px}.toolbar-end{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 12px;margin-left:auto;display:flex}.pill-btn{background:var(--pill);color:var(--pill-ink);letter-spacing:.08em;border:0;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700}select.pill-btn{appearance:none;cursor:pointer;text-align:center}.volume{font:700 12px var(--mono)}.volume input{width:90px;accent-color:var(--accent)}.volume output{min-width:3ch}.pill-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.workspace{flex:1;grid-template:"left main right"minmax(0,1fr)/190px minmax(0,1fr) 330px;gap:8px;min-height:0;padding:8px;display:grid}.sidebar.left{grid-area:left}.editor{grid-area:main}.sidebar.right{grid-area:right}@media (width<=1199px){.brand h1 span{display:none}.workspace{grid-template:"main left""main right"minmax(0,1fr)/minmax(0,1fr) 320px}.sidebar.left{flex-direction:row}.sidebar.left .box{flex:1;max-height:30vh}}.sidebar,.editor{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.box,.editor,.sidebar.right{background:var(--surface);border:1px solid var(--line);border-radius:8px}.box{flex-direction:column;min-height:0;padding:8px;display:flex}.box.grow{flex:1}.box h2,.panel h2{letter-spacing:.14em;color:var(--ink-soft);margin:0 0 6px;font-size:11px}.order-list,.inst-list{min-height:0;font:13px var(--mono);flex:1;overflow:auto}.order-list button,.inst-list button{text-align:left;width:100%;font:inherit;background:0 0;border:0;border-radius:4px;gap:10px;padding:3px 6px;display:flex}.order-list button:nth-child(odd),.inst-list button:nth-child(odd){background:var(--pat-beat)}.order-list .pos{color:var(--c-num)}.order-list .pat,.inst-list .idx{color:var(--c-inst);font-weight:700}.inst-list .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.order-list button[aria-current=true],.inst-list button[aria-current=true]{background:var(--accent);color:var(--accent-ink)}.order-list button[aria-current=true] span,.inst-list button[aria-current=true] span{color:inherit}.inst-list button.editing{box-shadow:inset 3px 0 0 var(--navy)}.mini-btns{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.mini-btns button{background:var(--surface-2);font:700 11px var(--mono);border:0;border-radius:4px;flex:1;padding:4px 2px}.editor{--pat-font:clamp(11px, .4vw + 6.5px, 16px);overflow:hidden}.chan-head,.prow{grid-template-columns:3.4ch repeat(8,minmax(13.6ch,1fr));min-width:max-content;display:grid}.chan-head{font:700 var(--pat-font) / 1.2 var(--mono);background:var(--surface);border-bottom:2px solid var(--line);flex:none;overflow:hidden}.chan-head .num{align-self:end}.chan{border-left:1px solid var(--line);contain:inline-size;flex-direction:column;gap:4px;min-width:0;padding:4px 6px;display:flex}.chan-title{justify-content:space-between;align-items:center;gap:4px;display:flex}.chan-title>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chan-title .kind{color:var(--ink-soft);font-weight:400}.chan .mute{border:1px solid var(--line);font:700 10px var(--mono);color:var(--ink-soft);background:0 0;border-radius:4px;padding:1px 5px}.chan.muted .mute{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chan.muted canvas{opacity:.35}.chan canvas{contain:size;background:var(--scope-bg);border-radius:3px;width:100%;min-width:0;height:clamp(28px,6vh,56px);display:block}.pattern{background:var(--pat-bg);min-height:0;font:var(--pat-font) / 1.45 var(--mono);white-space:pre;overscroll-behavior:contain;outline:none;flex:1;overflow:auto}.pattern:focus-visible{box-shadow:inset 0 0 0 2px var(--focus)}.prow.beat{background:var(--pat-beat)}.prow.bar{background:var(--pat-bar)}.prow.cursor-row{background:var(--pat-cursor-row)}.prow.play-row{background:var(--pat-play);color:var(--pat-play-ink)}.prow.play-row span{color:inherit!important}.prow .num{color:var(--c-num);text-align:right;-webkit-user-select:none;user-select:none;padding-right:.5ch}.prow.bar .num{color:var(--ink);font-weight:700}.cell{border-left:1px solid var(--line);padding:0 .6ch}.cell.sel{background:color-mix(in srgb, var(--navy) 18%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--navy) 35%, transparent)}.cell span{cursor:pointer}.f0{color:var(--c-note);font-weight:700}.f0.off{color:var(--c-off)}.f1{color:var(--c-inst)}.f2{color:var(--c-vol)}.cell .ge{margin-right:.6ch}.f3{color:var(--c-fx);font-weight:700}.f4{color:var(--c-param)}.cell .empty{color:var(--c-empty);font-weight:400}.cell .cursor{background:var(--accent);border-radius:2px;color:var(--accent-ink)!important}.piano{--whites:15;--key-white:#faf8f2;--key-white-edge:#cfc9ba;--key-black:#26262e;grid-template-columns:repeat(var(--whites), minmax(0, 1fr));border-top:1px solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none;flex:none;height:76px;margin:0 6px;padding:6px 0 4px;display:grid;position:relative}.piano[hidden]{display:none}.pkey{font:700 10px var(--mono);border:0;padding:0}.pkey.white{grid-row:1;grid-column:calc(var(--i) + 1);background:var(--key-white);box-shadow:inset 0 -3px 0 var(--key-white-edge);color:#77736a;border-radius:0 0 5px 5px;justify-content:center;align-items:flex-end;margin:0 1px;padding-bottom:6px;display:flex}.pkey.black{z-index:1;width:calc(100% / var(--whites) * .6);height:58%;top:6px;left:calc(100% / var(--whites) * (var(--i) + 1) - 100% / var(--whites) * .3);background:var(--key-black);border-radius:0 0 4px 4px;position:absolute;box-shadow:inset 0 -3px #00000059}.pkey.down{color:var(--accent-ink);box-shadow:none;background:var(--accent)!important}@media (width<=759px){.piano{height:92px}}:root[data-theme=dark] .piano{--key-white:#dedad0;--key-black:#111116}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .piano{--key-white:#dedad0;--key-black:#111116}}.keypad{border-top:1px solid var(--line);flex:none;gap:4px;padding:6px;display:none}@media (pointer:coarse),(width<=759px){.keypad{display:grid}}.keypad .row{gap:4px;display:flex}.key{background:var(--field);min-width:0;height:38px;box-shadow:0 2px 0 var(--line);font:700 13px var(--mono);touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:6px;flex:1;padding:0}.key.sharp{background:var(--ink);color:var(--surface)}.key.action{background:var(--pill);color:var(--pill-ink)}.key.red{background:var(--accent);color:var(--accent-ink)}.key:active{box-shadow:none;transform:translateY(2px)}.sidebar.right{padding:10px;overflow:auto}.tabs{gap:4px;margin-bottom:12px;display:flex}.tabs button{background:var(--surface-2);letter-spacing:.06em;border:0;border-radius:999px;flex:1;padding:6px 2px;font-size:11px;font-weight:800}.tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}.panel h2{margin-top:14px}.panel h2:first-child{margin-top:0}.form{grid-template-columns:auto 1fr;align-items:center;gap:8px 10px;font-size:13px;display:grid}.form label{color:var(--ink-soft)}.form input[type=text],.form input[type=number],.form select{border:1px solid var(--line);background:var(--field);border-radius:6px;width:100%;min-width:0;padding:6px 8px}.form input[type=range]{width:100%;accent-color:var(--accent)}.form output{font-family:var(--mono);white-space:nowrap;min-width:3ch;margin-left:6px;font-size:12px}.range{align-items:center;display:flex}.btn-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.btn{background:var(--pill);color:var(--pill-ink);border:0;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}a.btn{text-decoration:none;display:inline-block}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn:disabled{opacity:.5;cursor:default}.seg{border:1px solid var(--line);border-radius:999px;display:inline-flex;overflow:hidden}.seg button{background:0 0;border:0;padding:5px 10px;font-size:12px;font-weight:700}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.inst-grid{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.inst-grid button{background:var(--surface-2);font:700 12px var(--mono);border:0;border-radius:4px;padding:6px 0}.inst-grid button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.wave-canvas{aspect-ratio:2;background:var(--scope-bg);touch-action:none;cursor:crosshair;border-radius:4px;width:100%;display:block}.hint{color:var(--ink-soft);font-size:12px;line-height:1.5}.help-table{border-collapse:collapse;width:100%;font-size:12px}.help-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:3px 4px}.help-table td:first-child{font-family:var(--mono);white-space:nowrap;color:var(--c-fx);font-weight:700}.legend{font:700 12px var(--mono);flex-wrap:wrap;gap:4px 12px;display:flex}.toast{background:var(--ink);color:var(--surface);opacity:0;pointer-events:none;z-index:10;border-radius:999px;max-width:calc(100vw - 32px);padding:8px 16px;font-size:13px;transition:opacity .2s;position:fixed;bottom:72px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.mobile-nav{display:none}@media (width<=759px){.toolbar{gap:6px 10px;padding:6px 10px}.toolbar-end{justify-content:flex-start;gap:6px 10px;width:100%}.toolbar-end .volume{flex:1 0 100%;order:1}.toolbar-end .volume input{flex:1}.brand h1 span{display:none}.fields{order:5;gap:6px 10px;width:100%}.workspace{grid-template:"main"minmax(0,1fr)/minmax(0,1fr);padding:6px}.workspace>.sidebar,.workspace>.editor{grid-area:main}#app:not([data-view=pattern]) .editor,#app:not([data-view=lists]) .sidebar.left,#app:not([data-view=edit]) .sidebar.right{display:none}.sidebar.left .box{flex:1;max-height:none}.editor{--pat-font:clamp(11px, 2.9vw, 14px)}.chan-head,.prow{grid-template-columns:3ch repeat(8,minmax(12.8ch,1fr))}.cell{padding:0 .4ch}.chan{padding:3px 4px}.chan-title .kind{display:none}.mobile-nav{background:var(--surface);border-top:1px solid var(--line);flex:none;gap:6px;padding:6px;display:flex}.mobile-nav button{background:var(--surface-2);letter-spacing:.06em;border:0;border-radius:999px;flex:1;padding:8px;font-size:12px;font-weight:800}.mobile-nav button[aria-current=true]{background:var(--accent);color:var(--accent-ink)}}@media (orientation:landscape) and (height<=520px) and (pointer:coarse),(orientation:landscape) and (height<=520px) and (width<=759px){.editor{grid-template:"head piano""pat piano""pat keys"minmax(0,1fr)/minmax(0,1fr) minmax(200px,38%);gap:0;display:grid}.chan-head{grid-area:head}.pattern{grid-area:pat}.piano{border-top:0;border-left:1px solid var(--line);grid-area:piano;height:72px;margin:0;padding:6px}.keypad{border-top:0;border-left:1px solid var(--line);grid-area:keys;align-content:start;overflow:auto}.key{height:32px}.chan canvas{height:20px}}@media (orientation:portrait) and (width<=759px) and (height<=640px){.brand h1{font-size:15px}.round-btn{width:30px;height:30px}.piano{height:64px}.key{height:32px}.chan canvas{height:20px}}.current-song{overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:13px;display:flex}.song-state{color:var(--ink-soft);font-size:11px}.song-state[data-state=unsaved],.song-state[data-state=notInLibrary]{color:var(--accent);font-weight:700}.tabs button.dirty:after{content:" •"}.lib-list{border-radius:6px;flex-direction:column;max-height:40vh;display:flex;overflow:auto}.lib-row{border-radius:4px;align-items:stretch;gap:2px;display:flex}.lib-row:nth-child(odd){background:var(--pat-beat)}.lib-row[aria-current=true]{box-shadow:inset 3px 0 0 var(--accent)}.lib-open{text-align:left;min-width:0;font:inherit;color:inherit;background:0 0;border:0;flex-direction:column;flex:1;padding:5px 8px;display:flex}.lib-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.lib-row[aria-current=true] .lib-title{color:var(--accent)}.lib-info{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.lib-act{min-width:30px;color:var(--ink-soft);background:0 0;border:0;border-radius:4px;flex:none;font-size:14px}.lib-act:hover,.lib-act:focus-visible{background:var(--surface-2);color:var(--ink)}.sample-list{flex-direction:column;gap:4px;display:flex}.sample-row{align-items:center;gap:6px;display:flex}.sample-row input{min-width:0;font:inherit;border:1px solid var(--line);background:var(--field);color:inherit;border-radius:6px;flex:1;padding:6px 8px;font-size:13px}.sample-num,.sample-len{font-family:var(--mono);font-size:12px}.sample-len{text-align:right;min-width:4.5em}.about{background:var(--surface);width:min(420px,100vw - 16px);max-height:calc(100dvh - 16px);color:var(--ink);border:0;border-radius:12px;padding:14px 16px 16px;overflow:auto;box-shadow:0 10px 40px #00000059}.about::backdrop{background:#00000073}.about h2{color:var(--accent);letter-spacing:.08em;margin:0;font-size:18px}.about p{margin:6px 0;font-size:13px;line-height:1.4}.about a:not(.btn){color:var(--navy)}.about-version{font-family:var(--mono);color:var(--ink-soft)}.about-close{float:right;margin:0}.undo-btns{gap:4px;display:inline-flex}.undo-btns .pill-btn{min-width:34px;padding-inline:8px;font-size:15px}.pill-btn:disabled{opacity:.45;cursor:default}@media (pointer:coarse),(width<=759px){.undo-btns{display:none}}.field output.badge.warn{background:var(--btn-a);color:#fff}.aram{border:1px solid var(--line);background:var(--field);border-radius:4px;height:14px;display:flex;overflow:hidden}.aram span{height:100%;display:block}.aram-sys{background:var(--pill)}.aram-smp{background:var(--btn-x)}.aram-free{background:0 0}.aram-echo{background:var(--btn-y)}.aram-legend{color:var(--ink-soft);flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:12px;display:flex}.aram-legend span:before{content:"";vertical-align:-1px;border:1px solid var(--line);border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}.aram-legend .k-smp:before{background:var(--btn-x)}.aram-legend .k-echo:before{background:var(--btn-y)}.aram-legend .k-free:before{background:var(--field)}.hint.warn{color:var(--btn-a);font-weight:600}.env-canvas{aspect-ratio:32/9;background:var(--scope-bg);border-radius:4px;width:100%}.wave-canvas.small{aspect-ratio:16/5;cursor:default}.wave-canvas.small.drawable{cursor:crosshair}.harmonics{grid-template-columns:repeat(16,1fr);gap:2px;height:90px;display:grid}.harmonics input[type=range]{writing-mode:vertical-lr;width:100%;min-width:0;height:100%;accent-color:var(--accent);direction:rtl;margin:0}.fir{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.form .fir input[type=number]{font-family:var(--mono);text-align:right;padding:5px 4px;font-size:12px}.seg.wrap{border-radius:10px;flex-wrap:wrap;display:flex}.seg.wrap button{flex:1 0 auto}.btn-row.tight{gap:4px;margin-top:0}.btn-row.tight .btn{padding-inline:10px}.sample-row[aria-current=true] input{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.sample-num{background:var(--surface-2);min-width:3.2ch;color:var(--ink);cursor:pointer;border:0;border-radius:6px;padding:6px 4px}.sample-row[aria-current=true] .sample-num{background:var(--accent);color:var(--accent-ink)}.lib-search{width:100%;font:inherit;border:1px solid var(--line);background:var(--field);color:inherit;border-radius:6px;margin:4px 0 8px;padding:6px 8px;font-size:13px}.inst-list button[data-empty=true] .name{color:var(--c-empty)}