:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#d5dcd5;background:#0e1210;font-synthesis:none;color-scheme:dark;--bg:#101512;--panel:#141a16;--line:#29332b;--muted:#8b9a8e;--accent:#a6ee77;--mono:"DejaVu Sans Mono","Liberation Mono",monospace;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button,input,select{border:1px solid #344137;border-radius:3px;color:#c9d4cc;background:#1b231d}button{font-size:.875rem;min-height:30px;padding:5px 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}button:hover:not(:disabled){background:#29352b;border-color:#617451}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=number]{font-family:var(--mono);width:58px;padding:5px 4px 5px 8px;font-size:.875rem}input[type=range]{accent-color:var(--accent);border:0;background:none}input[type=checkbox]{accent-color:var(--accent)}select{font-family:var(--mono);font-size:.875rem;padding:4px 7px}h2,p{margin:0}.workbench{height:100dvh;min-height:570px;display:flex;flex-direction:column;overflow:hidden}.app-header{min-height:61px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#111713;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-size:.9375rem;font-weight:750;letter-spacing:.075em;white-space:nowrap}.brand-mark{height:31px;width:31px;display:flex;align-items:center;justify-content:center;border:1px solid #5b7c41;color:var(--accent);background:#202d1b;border-radius:3px}.brand-mark svg{width:18px;height:18px}.brand-secondary{color:#8d9b90;font-size:.75rem;font-weight:500;letter-spacing:.1em}.header-meta{display:flex;align-items:center;gap:20px;font:.75rem var(--mono);color:#839186;letter-spacing:.05em}.help-button{font-family:var(--mono);width:27px;height:27px;min-height:27px;padding:0;color:#b2c1b6}.transport{min-height:72px;background:#19211b;padding:14px 18px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #384638;flex-wrap:wrap}.play-controls{display:flex;align-items:center;gap:6px}.play-controls button{height:34px}.primary{background:var(--accent);color:#182610;border-color:var(--accent);font-weight:650}.primary:hover:not(:disabled){background:#baf594;border-color:#baf594}.icon-button{width:31px;padding:5px}.transport-params{display:flex;gap:13px;border-left:1px solid #3b493e;padding-left:20px}.transport label,.edit-settings label,.rows-select,.cell-inspector label{display:flex;align-items:center;gap:8px;font-size:.75rem;letter-spacing:.06em;color:#95a899}.transport-params label{gap:7px}.position-readout{display:flex;gap:17px;border-left:1px solid #3b493e;padding-left:20px;font-family:var(--mono)}.position-readout span{display:flex;flex-direction:column;gap:3px;font-size:.75rem;letter-spacing:.08em;color:#8b9c8e}.position-readout b{font-size:1.125rem;font-weight:500;letter-spacing:.06em;color:var(--accent)}.master-control{margin-left:auto}.master-control input{width:78px}.master-control span{font-family:var(--mono);font-size:.75rem;width:34px}.workspace{display:grid;grid-template-columns:224px minmax(0,1fr);flex:1;min-height:0}.sidebar{background:#121914;border-right:1px solid #344036;overflow-y:auto;display:flex;flex-direction:column}.sidebar section{padding:17px 12px 16px;border-bottom:1px solid var(--line)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 3px 13px}.panel-heading h2{font-size:.75rem;letter-spacing:.12em;color:#a9b7ab;font-weight:650}.panel-heading>span{font:.75rem var(--mono);color:#7f9083}.order-list{display:flex;flex-direction:column;gap:3px}.order-entry{justify-content:flex-start;border-color:transparent;background:transparent;width:100%;height:34px;min-height:34px;padding:4px 7px;gap:10px;font-family:var(--mono);font-size:.8125rem;border-radius:2px}.order-index{color:#7e9281;width:19px}.order-pattern{color:#a6ee77;font-size:.875rem;width:21px}.order-name{font-size:.75rem;color:#aeb9b1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-entry.active{background:#2c3926;border-color:#5e7949}.order-entry.active .order-index{color:#a9bda2}.order-playing .order-pattern{color:#dcffba}.order-indicator{color:var(--accent);font-size:.75rem;margin-left:auto}.order-tools{display:flex;gap:5px;margin-top:10px}.order-tools button{padding:4px 7px;font-size:.8125rem;flex:1}.order-tools button:first-child{flex:2.3}.sequence-note{font-size:.75rem;color:#809184;line-height:1.5;margin:10px 3px 0}.pattern-item{width:100%;padding:7px;justify-content:flex-start;gap:9px;font-size:.75rem;background:transparent;border-color:transparent;text-align:left;min-height:32px}.pattern-item>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis}.pattern-id{font:.8125rem var(--mono);color:#9eb793}.muted-text{font:.75rem var(--mono);color:#879788}.pattern-item.chosen{background:#202b22;border-color:#364738}.paired-buttons{display:flex;gap:6px;margin-top:10px}.paired-buttons button{flex:1;font-size:.8125rem}.sample-bank{flex:1}.sample-item{width:100%;justify-content:flex-start;padding:8px 5px;background:transparent;border-color:transparent;gap:9px;min-height:49px}.sample-item.chosen{background:#1d2921;border-color:#415343}.sample-code{border:1px solid #4a5b4d;color:#9fb4a4;font:.8125rem var(--mono);width:29px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#26342a;border-radius:2px}.sample-0{color:#e0b883;border-color:#675138;background:#30291f}.sample-1{color:#d59290;border-color:#62413f;background:#312321}.sample-2{color:#c6c379;border-color:#5b5d37;background:#2a2d20}.sample-3{color:#8ab8d8;border-color:#375369;background:#1e2b33}.sample-4{color:#b6a0da;border-color:#514166;background:#292235}.sample-item>div{display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex:1;min-width:0}.sample-name{font-size:.8125rem;line-height:1.15}.sample-role{font-size:.75rem;color:#85998d}.sample-loop{font:.75rem var(--mono);color:#8d9c8b;letter-spacing:.03em}.sample-detail{font:.75rem var(--mono);color:#7d9281;display:flex;flex-wrap:wrap;gap:9px 20px;line-height:1.5;padding:12px 7px 0}.sample-detail b{font-weight:400;color:#b0c3b2}.sample-detail>span:last-child{width:100%}.sidebar-bottom{padding:16px 15px;border-top:1px solid var(--line);margin-top:auto;background:#161e18}.tiny-label{font:.75rem var(--mono);color:#86998c;letter-spacing:.12em}.song-title{width:100%;border:0;background:none;padding:6px 0;color:#cbd8c9;font-size:.875rem;outline-offset:0}.sidebar-bottom>div{display:flex;justify-content:space-between;font:.75rem var(--mono);color:#889b8c;margin-top:6px}.editor{min-width:0;min-height:0;display:flex;flex-direction:column;background:#0e1410}.editor-heading{display:flex;align-items:center;min-height:51px;background:#141c16;border-bottom:1px solid var(--line);gap:20px;padding:0 17px}.editor-tab{height:51px;display:flex;align-items:center;gap:9px;border-bottom:2px solid var(--accent);font-size:.8125rem;color:#d6e1d4;white-space:nowrap}.tab-mark{width:11px;height:11px;border:1px solid var(--accent);background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--accent) 2px,var(--accent) 3px)}.pattern-title{display:flex;align-items:center;gap:9px;min-width:0}.pattern-badge{color:#aaca9c;font:.75rem var(--mono);border:1px solid #3a4f38;padding:3px 7px;background:#1f2b1e;border-radius:2px}.pattern-title input{background:transparent;border:0;font-size:.875rem;color:#aabdab;width:220px;max-width:100%;min-width:0;padding:5px 0}.rows-select{margin-left:auto}.rows-select select{background:#172019;font-size:.75rem;min-width:53px}.edit-toolbar{height:44px;flex-shrink:0;border-bottom:1px solid var(--line);background:#121a14;display:flex;align-items:center;justify-content:space-between;padding:0 15px;gap:15px}.edit-settings{display:flex;align-items:center;gap:18px}.edit-settings label{font-size:.75rem;letter-spacing:.06em}.edit-settings select{font-size:.75rem;padding:2px 5px}.edit-settings .follow-label{font-size:.75rem;letter-spacing:0;gap:6px}.follow-label input{margin:0;width:13px;height:13px}.history-controls{display:flex;gap:5px}.history-controls button{min-height:26px;height:26px;font-size:.75rem}.history-controls .icon-button{border-color:transparent;background:transparent}.from-row{background:transparent;border-color:#304232}.grid-scroll{flex:1;min-height:0;overflow:auto;position:relative;scrollbar-color:#405641 #101611;scrollbar-width:thin;outline:none}.grid-scroll:focus-visible{box-shadow:inset 0 0 0 1px #65884d}.grid-head,.pattern-row{display:grid;grid-template-columns:47px repeat(8,minmax(134px,1fr));min-width:1119px}.grid-head{position:sticky;top:0;z-index:3;background:#19231b;border-bottom:1px solid #516245;min-height:72px;box-shadow:0 2px 4px #0005}.row-gutter{font:.8125rem var(--mono);color:#728d74;padding:0 9px;display:flex;align-items:center;justify-content:space-between;border-right:1px solid #344635;background:#131c15;position:sticky;left:0;z-index:1}.row-gutter>span{font-size:.75rem;color:#688462}.head-gutter{align-items:flex-end;padding-bottom:9px;letter-spacing:.02em;font-size:.75rem;z-index:5;background:#19231b}.channel-head{border-right:1px solid #344635;min-width:0;padding:12px 7px 0}.channel-title{display:flex;align-items:center;gap:6px;min-width:0}.channel-number{color:#adc6a5;font:.75rem var(--mono)}.channel-name{font-size:.75rem;font-weight:550;color:#c7d5c7;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-actions{display:flex;gap:2px}.channel-actions button{min-height:18px;height:18px;font:.75rem var(--mono);padding:0 3px;border-color:transparent;background:#253227;color:#93a88f}.channel-actions button[aria-pressed=true]{color:#172510;background:var(--accent)}.meter{height:2px;background:#27372a;margin:7px 0 9px}.meter>div{height:2px;background:#82b75c;max-width:100%}.field-labels,.channel-cell{display:grid;grid-template-columns:40px 22px 25px 18px minmax(20px,1fr)}.field-labels{font:.75rem var(--mono);color:#8ca18c;padding-bottom:7px;letter-spacing:.01em;margin:0 -3px}.field-labels span{text-align:center}.channel-cell{font:.875rem var(--mono);border-right:1px solid #2a3a2b;line-height:27px;height:27px;min-width:0;padding:0 4px}.pattern-row{border-bottom:1px solid #1b271d;height:28px}.pattern-row.beat-row{background:#152019}.pattern-row.bar-row{border-top:1px solid #354b35}.pattern-row.cursor-row{background:#1b291d}.pattern-row.playing-row{background:#2c4223;border-top-color:#6b8b48;border-bottom-color:#56763b}.playing-row .row-gutter{background:#4b6b31;color:#d0ff97}.tracker-field{text-align:center;color:#536c56;cursor:text;height:27px;display:block;font-variant-numeric:tabular-nums;letter-spacing:-.03em;-webkit-user-select:none;user-select:none}.tracker-field.filled.field-0{color:#c0ea95}.tracker-field.filled.field-1{color:#deb786}.tracker-field.filled.field-2{color:#96bfc7}.tracker-field.filled.field-3,.tracker-field.filled.field-4{color:#c7a5d5}.tracker-field.note-off{color:#9ea991!important}.tracker-field.selected{background:#a6ee77!important;color:#152210!important;box-shadow:inset 0 0 0 1px #defbb8;position:relative;z-index:1}.channel-cell.is-muted .tracker-field{opacity:.4}.channel-cell.is-muted .selected{opacity:1}.channel-head.is-muted .channel-name{opacity:.5}.cell-inspector{min-height:43px;display:flex;align-items:center;gap:14px;border-top:1px solid #354736;background:#18211a;padding:6px 16px;font:.75rem var(--mono);flex-wrap:wrap}.inspector-location{color:#91a68e}.current-note{color:#c3ee9b;width:34px}.cell-inspector label{font-size:.75rem;letter-spacing:0}.cell-inspector input{width:76px;font-size:.75rem;padding:3px 4px}.cell-inspector button{font-size:.75rem;min-height:25px;padding:3px 6px;background:transparent}.effects-note{margin-left:auto;color:#7e9380;font-size:.75rem}.statusbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:37px;background:#111812;border-top:1px solid #2c3c2d;padding:7px 15px;font-size:.75rem;color:#a0b09e}.statusbar>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}.statusbar [role=status]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-light{width:6px;height:6px;border-radius:50%;background:#657367;flex-shrink:0}.status-light.playing{background:#a6ee77}.status-error{color:#ffa69d}.keyboard-hints{display:flex;align-items:center;gap:16px;color:#829881;font-size:.75rem;white-space:nowrap}.keyboard-hints span{display:flex;gap:6px;align-items:center}kbd{font:.75rem var(--mono);border:1px solid #3e4e3a;background:#1b261c;border-radius:2px;padding:2px 4px;color:#a8b9a4}.keyboard-hints button{border:0;background:transparent;font-size:.75rem;min-height:20px;padding:0;color:#bdcbb6}.modal-overlay{position:fixed;inset:0;z-index:50;background:#050a07cc;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.help-dialog{width:610px;max-width:100%;max-height:90dvh;overflow:auto;background:#17201a;border:1px solid #61774e;border-radius:5px;padding:24px;box-shadow:0 20px 100px #0008;font-size:.875rem}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dialog-heading h2{font-size:1.125rem;font-weight:600;color:#c9e5b7}.dialog-heading button{width:28px;min-height:28px;padding:0;font-size:1.25rem}.help-dialog p{line-height:1.65;color:#a7bba8}.help-dialog dl{display:grid;grid-template-columns:minmax(160px,1.1fr) 1fr;gap:14px 20px;margin:24px 0;font-size:.8125rem}.help-dialog dt{font-family:var(--mono);color:#c6e6b0}.help-dialog dd{margin:0;color:#a4b7a2}.help-dialog .help-footnote{padding:12px 14px;border:1px solid #3c4d32;background:#202b1d;font-size:.8125rem;margin-bottom:20px}.help-dialog>.primary{width:100%;height:36px}@media(min-width:1600px){.workspace{grid-template-columns:248px minmax(0,1fr)}.sidebar section{padding-left:16px;padding-right:16px}.channel-cell,.field-labels{grid-template-columns:44px 27px 27px 25px minmax(26px,1fr)}}@media(max-width:1200px){.transport{gap:14px;padding:10px 14px}.transport-params{padding-left:13px;gap:8px}.position-readout{gap:13px;padding-left:13px}.master-control{margin-left:0}.transport label{font-size:.75rem}.workspace{grid-template-columns:207px minmax(0,1fr)}.brand-secondary{font-size:.75rem}.effects-note{display:none}.pattern-title input{width:170px}.keyboard-hints>span:first-child{display:none}}@media(max-width:800px){.workbench{min-height:640px;height:100dvh}.app-header{padding:10px 12px;min-height:51px}.brand{font-size:.8125rem;letter-spacing:.04em}.brand-secondary{display:none}.header-meta{gap:10px}.header-meta>span:first-child{display:none}.transport{gap:10px;min-height:110px;align-content:center}.play-controls{flex:1}.transport-params{border:0;padding:0;margin-left:auto}.position-readout{border:0;padding:0;gap:20px;flex:1}.position-readout span{flex-direction:row;align-items:center;gap:7px}.position-readout b{font-size:.9375rem}.master-control{margin-left:auto}.master-control input{width:70px}.workspace{grid-template-columns:170px minmax(0,1fr)}.sidebar section{padding:13px 8px}.panel-heading{gap:4px;margin-bottom:10px}.panel-heading h2{font-size:.75rem}.panel-heading>span{font-size:.75rem}.order-entry{gap:7px;padding:4px}.order-name,.sample-name{font-size:.75rem}.sample-loop{display:none}.sample-item{padding:7px 3px;gap:7px}.sample-code{width:25px}.order-tools{gap:3px}.order-tools button{padding:3px 5px}.editor-heading{padding:0 10px;gap:12px;flex-wrap:wrap;min-height:78px}.editor-tab{height:36px}.pattern-title{flex:1}.pattern-title input{width:120px}.rows-select{font-size:.75rem;padding-bottom:5px}.edit-toolbar{height:auto;min-height:73px;flex-wrap:wrap;padding:7px 10px;gap:7px}.edit-settings{gap:10px}.follow-label{white-space:nowrap}.history-controls{margin-left:auto}.cell-inspector{padding:7px 10px;gap:9px}.cell-inspector label{font-size:.75rem}.cell-inspector button{display:none}.statusbar{font-size:.75rem;padding:7px 10px}.keyboard-hints>span{display:none}.statusbar>div:first-child{min-width:0}.help-dialog dl{grid-template-columns:1fr;gap:6px}.help-dialog dd{margin-bottom:10px}}@media(max-width:520px){.workspace{grid-template-columns:128px minmax(0,1fr)}.transport-params label{gap:4px}.transport input[type=number]{width:48px}.play-controls{gap:4px}.play-controls button{font-size:.75rem;padding:5px 7px}.play-controls .icon-button{width:28px;padding:4px}.position-readout{gap:9px}.position-readout span{font-size:.75rem;gap:4px}.master-control{gap:5px!important}.master-control input{width:45px}.master-control span{display:none}.sidebar section{padding:12px 5px}.panel-heading{margin-left:3px;margin-right:3px}.panel-heading>span{display:none}.order-name{display:none}.order-entry{gap:12px;padding-left:12px}.order-entry .order-indicator{margin-right:8px}.order-tools{flex-wrap:wrap}.order-tools button:first-child{flex-basis:100%}.sequence-note{font-size:.75rem}.pattern-item{font-size:.75rem;padding:5px;gap:5px}.pattern-item>span:nth-child(2){max-width:60px}.muted-text{display:none}.sample-name,.sample-role{font-size:.75rem}.sample-code{width:24px;font-size:.75rem}.sample-detail{padding:10px 3px 0;font-size:.75rem}.sidebar-bottom{padding:12px 8px}.sidebar-bottom>div{flex-direction:column;gap:5px}.song-title{font-size:.75rem}.editor-heading{gap:5px;min-height:111px}.editor-tab{width:100%;height:35px}.pattern-title{width:100%;flex:auto}.rows-select{margin-left:0}.edit-settings{flex-wrap:wrap;gap:7px}.edit-settings .follow-label{font-size:.75rem}.from-row{font-size:.75rem!important}.cell-inspector{gap:5px;font-size:.75rem}.cell-inspector input{width:61px}.cell-inspector .current-note{display:none}.help-dialog{padding:18px}.statusbar{gap:10px}.keyboard-hints button{font-size:.75rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.channel-name,.sample-name,.pattern-item,.order-name,.editor-tab,.sample-role{font-size:.875rem}.channel-actions button{font-size:.75rem;min-height:21px;height:21px}.field-labels{font-size:.75rem}.grid-head{min-height:76px}.channel-head{padding-top:10px}.help-dialog dl{font-size:.875rem}.transport label,.edit-settings label,.rows-select,.cell-inspector label{font-size:.75rem}.instrument-dialog{width:570px;max-width:100%;max-height:90dvh;overflow:auto;background:#17201a;border:1px solid #61774e;border-radius:5px;padding:24px;box-shadow:0 20px 100px #0008;font-size:.875rem}.instrument-dialog h2{margin-top:5px}.instrument-name,.instrument-fields label,.loop-fields label{display:flex;flex-direction:column;gap:7px;color:#b4c6b4;font-size:.875rem}.instrument-name input{padding:9px 10px;font-size:1rem;width:100%}.audio-metadata{display:flex;flex-wrap:wrap;gap:14px;color:#8da28f;font:.75rem var(--mono);margin:12px 0 22px}.instrument-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.instrument-fields input,.instrument-fields select,.loop-fields input{width:100%;font-size:.875rem;padding:8px;min-height:36px}.field-unit{color:#839987;font-size:.75rem}.instrument-fields label{position:relative}.instrument-fields .field-unit{position:absolute;right:0;top:2px}.loop-editor{margin-top:22px;border-top:1px solid #3b4b39;padding-top:20px}.loop-toggle{display:flex;gap:9px;align-items:center;font-size:.875rem;color:#c4dfb5}.loop-toggle input{width:16px;height:16px;margin:0}.loop-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}.loop-editor p,.instrument-hint{font-size:.8125rem;line-height:1.6;color:#91a790;margin-top:12px}.instrument-hint{padding:12px;border:1px solid #344c33;background:#1c2b1b;margin-top:20px}.instrument-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.instrument-actions button{flex:1;font-size:.8125rem;min-height:35px}.instrument-error{color:#ffad9f;font-size:.875rem;padding-top:12px}.remove-sample{border-top:1px solid #354335;margin-top:22px;padding-top:16px;color:#a3b39e;font-size:.8125rem}.remove-sample p{line-height:1.6;margin-bottom:12px}.remove-sample>div{display:flex;gap:8px}.remove-sample>span{margin-left:10px;font-size:.75rem}.danger-button{color:#e6aaa0;background:#2b211d;border-color:#65443b}.danger-button:hover:not(:disabled){background:#3b2822;border-color:#8b5749}.import-button{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #344137;border-radius:3px;min-height:30px;font-size:.8125rem;background:#1b231d;flex:1;cursor:pointer;overflow:hidden}.import-button:hover{background:#29352b}.import-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.import-button:focus-within{outline:2px solid var(--accent);outline-offset:2px}.bank-storage{font-size:.75rem;color:#8ea28c;margin:10px 3px 0;line-height:1.6}.bank-storage button{margin-top:6px;font-size:.75rem;min-height:26px}.sample-bank .sample-code{color:#a4b995}.instrument-dialog button:focus-visible{outline:2px solid var(--accent)}@media(max-width:520px){.instrument-dialog{padding:18px}.instrument-fields{gap:16px 12px}.instrument-fields .field-unit{position:static}.loop-fields{gap:12px}.instrument-actions button{flex-basis:45%}.audio-metadata{gap:8px;font-size:.75rem}}.project-dialog{width:640px;max-width:100%;max-height:90dvh;overflow:auto;background:#17201a;border:1px solid #61774e;border-radius:5px;padding:24px;box-shadow:0 20px 100px #0008;font-size:.875rem}.project-dialog h2{margin-top:5px}.new-project{display:flex;align-items:flex-end;gap:12px}.new-project label{flex:1;display:flex;flex-direction:column;gap:8px;color:#bdcdb6}.new-project input{padding:9px 10px;width:100%;font-size:1rem}.new-project button{min-height:42px}.project-hint{font-size:.8125rem;line-height:1.6;color:#95aa91;margin-top:12px}.recent-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #3a4b35;padding-top:22px;margin-top:22px;margin-bottom:12px}.recent-heading h3{font-size:.875rem;color:#bfd6b2;font-weight:500;margin:0}.recent-heading>span{font-family:var(--mono);color:#91a389;font-size:.75rem}.recent-projects{display:flex;flex-direction:column;gap:8px;max-height:40dvh;overflow:auto}.recent-project{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:13px;border:1px solid #334630;background:#141e15;border-radius:3px}.recent-project.current-project{border-color:#587345;background:#1d2b1b}.recent-project-details{flex:1;min-width:140px;display:flex;flex-direction:column;gap:5px}.recent-project-details strong{font-size:.9375rem;font-weight:550;color:#d4e3c7;overflow-wrap:anywhere}.recent-project-details span,.recent-project-details time{font-size:.75rem;color:#9baf93}.recent-project-actions{display:flex;align-items:center;gap:6px}.recent-project-actions button{font-size:.8125rem}.open-project-label{font:.75rem var(--mono);color:#a6ee77;margin-right:5px}.project-delete-confirm{width:100%;border-top:1px solid #61463a;padding-top:12px}.project-delete-confirm p{font-size:.875rem;line-height:1.6;color:#e3b4a7;margin-bottom:12px}.project-delete-confirm>div{display:flex;gap:8px}.project-working{margin-top:14px;font-size:.875rem;color:#b7d9a2}.save-error{color:#ffab9c!important}.header-meta{gap:10px}.header-meta>button{font-size:.8125rem}.header-meta>span:first-child{min-width:98px}.project-dialog .recent-projects>p{font-size:.875rem;line-height:1.6;color:#a5b89a}@media(max-width:800px){.header-meta .phase-label{display:none}.header-meta>span:first-child{display:inline-block;font-size:.75rem;min-width:0}.header-meta{gap:6px}.header-meta>button{padding:5px 7px}.project-dialog{padding:20px}}@media(max-width:520px){.app-header{gap:8px}.brand{gap:7px;font-size:.75rem}.brand-mark{width:25px;height:25px}.header-meta>span:first-child{display:none}.header-meta .help-button{display:none}.header-meta>button{font-size:.75rem;min-height:27px}.project-dialog{padding:18px}.new-project{gap:8px}.recent-project-actions{width:100%;justify-content:flex-end}.project-hint{font-size:.8125rem}}.file-dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;background:var(--panel,#141c1a);border:1px solid #3b5146;padding:24px;box-shadow:0 24px 100px #0009}.file-dialog h3{font-size:1rem;margin:20px 0 12px}.file-exports{display:flex;flex-wrap:wrap;gap:8px}.file-statistics{display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:16px 0;border-block:1px solid #304239;font-size:.875rem}.file-statistics dt{color:#a1b2a8}.file-statistics dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.file-import{display:grid;gap:12px}.file-import h3{margin-bottom:0}.file-import label{display:grid;gap:8px;font-size:.875rem}.file-import input{max-width:100%;min-width:0;font-size:.875rem}.file-import button{justify-self:start}@media(max-width:600px){.file-dialog{padding:16px}.file-statistics{grid-template-columns:1fr;gap:4px}.file-statistics dd{text-align:left;margin-bottom:8px}.header-meta{flex-wrap:wrap}}.block-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 12px;border-bottom:1px solid var(--line);background:#151f17}.block-toolbar button{font-size:.875rem;padding:5px 9px}.selection-summary{flex:1;min-width:190px;color:#a3b59d;font-size:.875rem}.tracker-field{-webkit-user-select:none;user-select:none;touch-action:none}.tracker-field.block-selected{background:#294326;color:#dcf7cc}.tracker-field.block-selected.selected{background:var(--accent);color:#13200c;box-shadow:inset 0 0 0 1px #fff}@media(max-width:600px){.selection-summary{flex-basis:100%}.block-toolbar{padding:8px}.block-toolbar button{padding:5px 7px}}.grid-head,.pattern-row{grid-template-columns:47px repeat(8,minmax(174px,1fr));min-width:1439px}.channel-cell,.field-labels{grid-template-columns:44px 27px 27px 25px minmax(43px,1fr)}.effect-inspector{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:9px 12px;border-top:1px solid var(--line);background:#141e16;font-size:.875rem}.effect-inspector label{display:flex;align-items:center;gap:7px;color:#a5b99d}.effect-inspector select,.effect-inspector input{font-size:.875rem;min-height:30px}.effect-inspector input{width:67px;font-family:var(--mono);text-transform:uppercase}.effect-inspector>span{flex:1;min-width:220px;color:#9bb091;line-height:1.4}.effect-inspector .effect-warning{color:#f5c47a}.effect-inspector button{font-size:.875rem}.live-tempo{font:.875rem var(--mono);color:#a6ee77;white-space:nowrap}.effect-guide{width:760px;max-width:100%;max-height:90dvh;overflow:auto;background:#17201a;border:1px solid #61774e;border-radius:5px;padding:24px;box-shadow:0 20px 100px #0008}.effect-guide p{font-size:.875rem;line-height:1.6;color:#abbca3;margin:16px 0}.effect-reference{display:grid;gap:0;border:1px solid #344630}.effect-reference>div{display:grid;grid-template-columns:30px 145px 1fr;gap:10px;padding:10px;border-bottom:1px solid #344630;font-size:.875rem;line-height:1.5}.effect-reference>div:last-child{border:0}.effect-reference b{font-family:var(--mono);color:var(--accent)}.effect-reference strong{font-weight:500}.effect-reference span{color:#a5b99d}@media(max-width:600px){.effect-inspector>span{flex-basis:100%}.effect-reference>div{grid-template-columns:30px 1fr}.effect-reference span{grid-column:2}.effect-guide{padding:18px}}.export-format{display:flex;align-items:center;gap:10px;font-size:.875rem;margin-bottom:10px}.export-format select{font-size:.875rem;min-width:0;max-width:100%;padding:7px}.file-exports{margin-top:12px}@media(max-width:520px){.export-format{align-items:flex-start;flex-direction:column}}.instrument-dialog{width:760px}.sample-waveform{display:block;width:100%;height:180px;border:1px solid #4a6346;touch-action:none;cursor:crosshair}.waveform-editor{margin:18px 0 22px}.waveform-editor p{font-size:.875rem;line-height:1.5;color:#a8bba3;margin-top:10px}.waveform-editor .loop-fields{margin-top:12px}.sample-edit-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.sample-edit-actions button{font-size:.875rem;min-height:36px}.instrument-actions button{font-size:.875rem}@media(max-width:520px){.sample-edit-actions button{flex:1 1 42%}}.plan-button{font-family:var(--mono);color:#c9e5b7}.plan-dialog{width:1120px;max-width:100%;max-height:90dvh;display:flex;flex-direction:column;min-height:0;background:#17201a;border:1px solid #61774e;border-radius:5px;padding:24px;box-shadow:0 20px 100px #0008}.plan-dialog .dialog-heading{flex-shrink:0;gap:16px}.plan-description{font-size:.875rem;line-height:1.6;color:#a7bba8;margin-bottom:20px;flex-shrink:0}.plan-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;overflow:auto;min-height:0;overscroll-behavior:contain;padding:0 2px 2px}.plan-column{background:#111913;border:1px solid #344437;border-radius:3px;padding:14px;min-width:0;align-self:start}.plan-column-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-column-heading h3{font:600 1rem var(--mono);margin:0;color:#c9e5b7}.plan-column-heading>span{font:.875rem var(--mono);color:#92a58d;border:1px solid #344437;padding:2px 6px;border-radius:2px}.plan-past{border-top:2px solid #8bc664}.plan-pending{border-top:2px solid #d0b877}.plan-future{border-top:2px solid #7c9aab}.plan-column-description{font-size:.875rem;color:#8fa38e;line-height:1.5;margin:6px 0 16px}.plan-cards{display:grid;gap:10px}.plan-card{background:#1c271e;border:1px solid #354934;border-radius:3px;padding:14px}.plan-card-status{display:block;font:.75rem var(--mono);line-height:1.6;letter-spacing:.025em;color:#a6bb98}.plan-pending .plan-card-status{color:#d0b877}.plan-future .plan-card-status{color:#9cb8c7}.plan-card h4{font-size:1rem;line-height:1.4;font-weight:600;color:#d1e0cb;margin:6px 0 8px}.plan-card p{font-size:.875rem;line-height:1.6;color:#a7bba8;overflow-wrap:anywhere}.plan-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #344437;margin-top:18px;padding-top:14px;flex-shrink:0}.plan-footer>span{font:.75rem var(--mono);line-height:1.6;color:#91a38d}@media(max-width:800px){.plan-board{grid-template-columns:1fr}.plan-dialog{padding:18px}.plan-footer{align-items:flex-start;flex-direction:column}.plan-footer button{width:100%}}.help-runtime{margin-bottom:18px}.help-runtime a{color:var(--accent);text-underline-offset:3px}.help-runtime a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.edit-toolbar{height:auto;min-height:44px;flex-wrap:wrap;padding-top:7px;padding-bottom:7px}.edit-settings{flex-wrap:wrap}[hidden]{display:none!important}.workbench{min-height:0}.global-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:8px 12px;flex-shrink:0;border-bottom:1px solid #384638;background:#19211b}.global-bar .brand{gap:8px;letter-spacing:0;font-size:.9375rem}.global-bar .brand-mark{height:28px;width:28px}.global-bar .header-meta{margin-left:auto;gap:5px;flex-wrap:wrap}.global-bar .header-meta>span:first-child{min-width:0;font-size:.75rem;margin-right:5px}.global-bar .play-controls{gap:4px;flex:none}.global-bar .play-controls button{height:30px;font-size:.875rem;padding:4px 8px}.global-bar .transport-params{gap:8px;padding-left:12px}.global-bar label{display:flex;align-items:center;gap:5px;font-size:.75rem;color:#a4b6a3;white-space:nowrap}.global-bar input[type=number]{padding:3px 5px;width:52px;min-height:28px}.global-bar .position-readout{gap:9px;padding-left:12px}.global-bar .position-readout span{flex-direction:row;align-items:center;gap:5px}.global-bar .position-readout b{font-size:.875rem}.global-bar .master-control{margin-left:0}.global-bar .master-control input{width:64px}.sidebar{overflow:hidden;min-height:0}.sidebar section{display:flex;flex-direction:column;flex:1 1 0;min-height:96px;padding:8px 10px;overflow:hidden}.sidebar .sample-bank{flex:1.5 1 0;min-height:172px}.sidebar section.collapsed{flex:0 0 auto;min-height:0}.panel-heading{flex-shrink:0;margin:0 0 6px;gap:4px}.panel-heading>span{font-size:.75rem;white-space:nowrap}.section-toggle{padding:2px 0;border:0;background:transparent;justify-content:flex-start;gap:6px;min-height:25px}.section-toggle h2{font-size:.75rem;letter-spacing:.06em}.section-toggle>span{color:#a6ee77}.resource-list{position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#405641 #121914}.order-list{gap:1px}.order-entry{height:29px;min-height:29px;gap:6px}.order-name{font-size:.875rem}.pattern-item{padding:4px 6px;min-height:29px}.paired-buttons,.order-tools{flex-shrink:0;margin-top:6px}.paired-buttons button,.import-button{font-size:.875rem}.sample-item{padding:3px 5px;min-height:31px;gap:7px}.sample-code{height:24px;width:26px}.sample-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.875rem}.sample-loop{font-size:.75rem}.sample-detail{padding:5px 2px 0;gap:3px 10px;flex-shrink:0}.sample-detail>span:last-child{width:auto}.bank-storage{margin:4px 2px 0;flex-shrink:0;font-size:.75rem;line-height:1.35}.sidebar-bottom{flex-shrink:0;margin-top:auto;padding:8px 12px}.sidebar-bottom>div{margin-top:2px}.song-title{padding:3px 0}.editor-tabs{display:flex;align-items:center;gap:2px;padding:0 10px;flex-shrink:0;background:#141c16;border-bottom:1px solid var(--line);min-height:37px}.editor-tabs [role=tab]{height:37px;padding:6px 12px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;font-size:.875rem;color:#94a68e}.editor-tabs [aria-selected=true]{color:#d6e1d4;border-bottom-color:var(--accent);background:#1b271d}.tab-context{margin-left:auto;font-size:.875rem;color:#91a68e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-mark{color:#f5c47a}.pattern-panel,.instrument-panel{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden}.edit-toolbar{padding:6px 10px;gap:6px 14px;justify-content:flex-start;min-height:39px}.pattern-title-controls{display:flex;align-items:center;gap:12px;min-width:0}.pattern-title{gap:6px}.pattern-title input{width:130px}.rows-select{margin:0;padding:0}.edit-settings{gap:10px}.edit-settings select{min-height:26px}.history-controls{margin-left:auto}.selection-actions{display:flex;align-items:center;gap:5px}.selection-actions button{min-height:26px;padding:3px 7px;font-size:.875rem}.selection-summary{font-size:.75rem;min-width:0;flex:none;white-space:nowrap}.row-actions{position:relative;font-size:.875rem}.row-actions summary{cursor:pointer;border:1px solid #344137;border-radius:3px;background:#1b231d;padding:3px 7px;min-height:26px}.row-actions summary:focus-visible{outline:2px solid var(--accent)}.row-actions>div{position:absolute;right:0;top:100%;display:flex;flex-direction:column;gap:5px;z-index:10;background:#18221a;border:1px solid #4d6441;padding:7px;box-shadow:0 6px 24px #0009}.cell-inspector{min-height:40px;padding:5px 10px;gap:8px;flex-shrink:0}.cell-inspector label{font-size:.75rem;gap:5px}.cell-inspector select{max-width:175px;font-size:.875rem;min-height:27px}.cell-inspector input{width:62px;min-height:27px;font-size:.875rem}.cell-inspector button{display:inline-flex;font-size:.875rem;min-height:27px}.cell-inspector .effect-help{margin-left:auto;color:#9bb091;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.cell-inspector .effect-warning{color:#f5c47a;max-width:none;white-space:normal}.statusbar{min-height:29px;padding:5px 12px}.instrument-workspace{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;background:#121c15;font-size:.875rem}.instrument-content{flex:1;min-height:0;overflow:auto;padding:18px 24px;overscroll-behavior:contain;scrollbar-width:thin}.instrument-name{max-width:580px}.audio-metadata{margin:10px 0 14px}.waveform-editor{margin:12px 0 18px}.instrument-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.instrument-fields .field-unit{position:static}.loop-editor{margin-top:18px;padding-top:14px}.loop-editor .loop-fields{max-width:600px}.instrument-hint{margin-top:14px}.instrument-workspace .instrument-actions{flex-shrink:0;margin:0;padding:9px 14px;border-top:1px solid #3b4b39;background:#19251b;gap:7px}.instrument-workspace .instrument-actions button{flex:0 1 auto;min-height:32px}.remove-sample{margin-top:14px;padding-top:12px}@media(min-width:1600px){.sidebar section{padding-left:12px;padding-right:12px}}@media(max-width:1100px){.global-bar{gap:7px 12px}.global-bar .header-meta{margin-left:0}.global-bar .position-readout{border:0;padding-left:0}.global-bar .header-meta>span:first-child{display:none}.cell-inspector .effect-help{display:none}.instrument-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.workspace{grid-template-columns:190px minmax(0,1fr)}.global-bar .header-meta{margin-left:auto}.sidebar section{padding:6px}.editor-tabs{padding:0 4px}.editor-tabs [role=tab]{padding:6px 8px}.tab-context{display:none}.pattern-title-controls{flex-wrap:wrap}.edit-toolbar{gap:6px;padding:6px}.edit-settings{gap:8px}.instrument-content{padding:14px}.cell-inspector{padding:5px 7px}.cell-inspector button{display:inline-flex}.selection-actions{flex-wrap:wrap}.keyboard-hints{gap:6px}}@media(max-width:520px){.workspace{grid-template-columns:142px minmax(0,1fr)}.global-bar{padding:6px;gap:6px}.global-bar .brand{font-size:.875rem}.global-bar .header-meta{gap:3px}.global-bar .header-meta>button{padding:4px 6px}.global-bar .play-controls{flex-basis:100%}.global-bar .transport-params{border:0;padding:0}.global-bar .position-readout{gap:6px;flex-wrap:wrap}.global-bar .position-readout span{font-size:.75rem}.global-bar .master-control input{width:45px}.global-bar .master-control span{display:none}.panel-heading>span{display:none}.section-toggle h2{letter-spacing:0}.sidebar .sample-bank{min-height:176px}.order-entry{gap:6px;padding-left:5px}.order-name{display:none}.order-tools{flex-wrap:wrap}.sample-item{gap:4px;padding:3px 1px}.sample-loop{display:none}.sample-detail{gap:2px 6px}.sidebar-bottom{padding:6px}.sidebar-bottom>div{flex-direction:row;gap:3px;font-size:.75rem}.sidebar-bottom>div span:last-child{display:none}.editor-tabs{flex-wrap:wrap}.editor-tabs [role=tab]{height:34px;width:auto;font-size:.875rem;padding:5px}.editor-tabs .tab-mark{display:none}.edit-settings{flex-wrap:wrap}.instrument-fields,.loop-fields{grid-template-columns:1fr}.instrument-fields{gap:12px}.instrument-content{padding:10px}.instrument-workspace .instrument-actions{padding:6px}.instrument-workspace .instrument-actions button{flex:1 1 45%;white-space:normal}.cell-inspector{gap:5px}.cell-inspector .current-note{display:none}.pattern-title input{width:95px}.selection-actions button{padding:3px 5px}.statusbar{padding:5px 6px}}@media(max-height:650px)and (min-width:801px){.sidebar section{min-height:84px}.sidebar .sample-bank{min-height:156px}.bank-storage{display:none}.sidebar-bottom>div{display:none}}@media(max-height:650px){.sidebar section{min-height:68px}.sidebar .sample-bank{min-height:144px}.sidebar-bottom{padding:6px 8px}.sidebar-bottom>div{display:none}.bank-storage{display:none}}.sidebar section.collapsed{min-height:0;flex:0 0 auto}.panel-heading h2{margin:0}.section-toggle{font-size:.75rem;letter-spacing:.06em;font-weight:650;color:#a9b7ab}.instrument-name input{flex-shrink:0}@media(max-width:520px){.section-toggle{letter-spacing:0}}