:root{--bg: #0e0e0e;--bg-2: #1a1a1a;--fg: #ddd;--fg-2: #888;--accent: #5dd6a0;--border: #333}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,system-ui,Segoe UI,sans-serif;overscroll-behavior:none}body{display:flex;flex-direction:column}#transport{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-2);border-bottom:1px solid var(--border);min-height:52px;user-select:none}#transport button{background:#2a2a2a;color:var(--fg);border:1px solid var(--border);padding:6px 12px;min-height:40px;min-width:48px;font-size:13px;font-family:inherit;border-radius:4px;cursor:pointer}#transport button:active:not(:disabled){background:#444}#transport button:disabled{opacity:.35;cursor:not-allowed}#transport button[data-active="1"],#transport button#play-mode[data-mode=pattern]{background:#2a3a36;border-color:var(--accent);color:var(--fg)}.title-btn{background:transparent!important;border:1px dashed transparent!important;color:var(--fg)!important;font-weight:600!important;font-size:14px!important;margin-left:auto;padding:6px 10px!important;min-width:80px!important;cursor:pointer;text-align:left!important}.title-btn:hover{border-color:var(--border)!important}#meta{color:var(--fg-2);font-size:12px;white-space:nowrap}@media(max-width:520px){#meta{flex-basis:100%;margin-left:0;order:99;text-align:center}}#meta .sep{margin:0 6px;color:#444}.inline-automate{background:transparent;color:var(--accent);border:1px solid var(--border);padding:0 6px;font-family:inherit;font-size:11px;line-height:16px;border-radius:3px;cursor:pointer;margin-left:4px;vertical-align:middle}.inline-automate:active{background:#2a3a36}.inline-automate[data-active="1"]{background:#2a3a36;border-color:var(--accent);color:var(--fg)}#view-tabs{display:flex;gap:4px;padding:6px 12px;background:#111;border-bottom:1px solid var(--border);user-select:none}#view-tabs button{background:transparent;color:var(--fg-2);border:1px solid var(--border);padding:6px 16px;min-height:36px;font-family:inherit;font-size:13px;border-radius:4px;cursor:pointer}#view-tabs button[data-active="1"]{background:#2a3a36;border-color:var(--accent);color:var(--fg)}body[data-view=pattern] #playlist-container,body[data-view=playlist] #pattern-selector,body[data-view=playlist] #channel-rack,body[data-view=playlist] #piano-roll-container{display:none}#playlist-container{flex:1;overflow:auto;background:var(--bg);-webkit-overflow-scrolling:touch;position:relative}#pattern-selector{display:flex;gap:6px;padding:6px 12px;background:#131313;border-bottom:1px solid var(--border);overflow-x:auto;user-select:none}.pat-chip{background:#1f1f1f;color:var(--fg);border:1px solid var(--border);padding:4px 12px;min-height:32px;font-family:inherit;font-size:12px;border-radius:4px;cursor:pointer;white-space:nowrap;flex-shrink:0}.pat-chip[data-active="1"]{background:#2a3a36;border-color:var(--accent);color:#fff}.pat-chip-add{font-weight:700;min-width:32px;text-align:center}.pat-chip-act{font-size:11px;min-width:36px;text-align:center;color:var(--fg-2);border-style:dashed}.pat-chip-del{color:#d68866}.pat-chip-del:disabled{opacity:.35;cursor:not-allowed}.pat-chip-len{margin-left:auto;font-family:ui-monospace,monospace;font-size:11px;min-width:40px;text-align:center;color:var(--fg-2)}.pat-chip:active:not([data-active="1"]){background:#2a2a2a}#channel-rack{display:flex;gap:8px;padding:8px 12px;background:var(--bg-2);border-bottom:1px solid var(--border);overflow-x:auto;user-select:none}.ch-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;min-height:40px;border:1px solid var(--border);border-radius:999px;background:#1f1f1f;color:var(--fg);font-family:inherit;font-size:13px;cursor:pointer;white-space:nowrap;flex-shrink:0}.ch-chip[data-active="1"]{border-color:var(--accent);background:#1f2e29}.ch-chip:active:not([data-active="1"]){background:#2a2a2a}.ch-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ch-chip-add{background:transparent;color:var(--fg-2);font-family:ui-monospace,monospace;font-size:11px;border-style:dashed}#piano-roll-container{flex:1;overflow:auto;background:var(--bg);-webkit-overflow-scrolling:touch;position:relative}.pr-zoom{position:sticky;bottom:12px;left:auto;right:4px;width:auto;max-width:100%;display:flex;gap:4px;z-index:10;pointer-events:auto;flex-wrap:nowrap;justify-content:flex-end;padding-right:4px;margin-top:-52px}.pr-zoom-btn{min-width:36px;height:40px;padding:0 6px;background:#1a1a1ad9;color:var(--fg);border:1px solid #444;border-radius:8px;font-size:16px;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;flex:0 0 auto}.pr-zoom-btn:active{background:#2a3a36}#song-browser{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:110;padding:16px}#song-browser.hidden{display:none}.sb-card{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;width:100%;max-width:520px;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.sb-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:#222}.sb-title{font-size:14px;font-weight:600}.sb-close{margin-left:auto;background:transparent;color:var(--fg);border:1px solid var(--border);width:32px;height:32px;font-size:18px;line-height:1;cursor:pointer;border-radius:4px}.sb-new-row{display:flex;gap:8px;margin:12px 16px}.sb-new{flex:1;background:#2a3a36;color:var(--fg);border:1px solid var(--accent);padding:10px 16px;font-family:inherit;font-size:14px;border-radius:4px;cursor:pointer}.sb-rhythm{display:flex;align-items:center;gap:8px;margin:0 16px 12px;padding:8px 12px;background:#1a1a1a;border-radius:4px;font-size:12px}.sb-rhythm-label{color:var(--fg);font-weight:600}.sb-rhythm-status{flex:1;color:#888}.sb-rhythm-status[data-state=loaded]{color:#5dd6a0}.sb-rhythm-status[data-state=missing]{color:#a66}.sb-rhythm-load{background:#2a3a36;color:var(--fg);border:1px solid var(--accent);padding:4px 12px;font-family:inherit;font-size:12px;border-radius:4px;cursor:pointer}.sb-list{list-style:none;margin:0;padding:0 8px 12px;overflow-y:auto}.sb-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px}.sb-row[data-active="1"]{background:#18211f}.sb-row-open{flex:1;display:flex;flex-direction:column;align-items:flex-start;background:transparent;color:var(--fg);border:none;padding:8px 6px;text-align:left;cursor:pointer;font-family:inherit}.sb-row-title{font-size:14px}.sb-row-date{font-size:11px;color:var(--fg-2)}.sb-row-btn{background:#2a2a2a;color:var(--fg);border:1px solid var(--border);padding:6px 10px;font-family:inherit;font-size:12px;border-radius:4px;cursor:pointer;min-height:32px}.sb-row-del{color:#d68866}.sb-empty{padding:16px;color:var(--fg-2);font-size:13px}#voice-editor{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}#voice-editor.hidden{display:none}.ve-card{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;width:100%;max-width:520px;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.ve-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:#222}.ve-title{font-size:14px;font-weight:600;color:var(--fg)}.ve-action{margin-left:8px;background:transparent;color:var(--fg);border:1px solid var(--border);padding:4px 12px;font-family:inherit;font-size:12px;border-radius:4px;cursor:pointer}.ve-action:active{background:#2a3a36}.ve-action+.ve-action{margin-left:4px}.ve-action+.ve-close{margin-left:8px}.ve-close{margin-left:auto;background:transparent;color:var(--fg);border:1px solid var(--border);width:32px;height:32px;font-size:18px;line-height:1;cursor:pointer;border-radius:4px}.ve-close:active{background:#333}.ve-tabs{display:flex;gap:4px;padding:8px;background:#1a1a1a;border-bottom:1px solid var(--border);overflow-x:auto}.ve-tab{background:#222;color:var(--fg-2);border:1px solid var(--border);padding:6px 14px;min-height:36px;font-size:12px;font-family:inherit;border-radius:4px;cursor:pointer;white-space:nowrap;flex-shrink:0}.ve-tab[data-active="1"]{background:#2a3a36;color:var(--fg);border-color:var(--accent)}.ve-content{padding:12px 16px;overflow-y:auto;flex:1}.ve-section{margin-bottom:20px}.ve-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-2);margin:0 0 8px}.alg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.alg-btn{background:#222;color:var(--fg);border:1px solid var(--border);padding:10px 0;font-family:inherit;font-size:13px;cursor:pointer;border-radius:4px;min-height:40px}.alg-btn[data-active="1"]{background:#2a3a36;border-color:var(--accent)}.ve-alg-topo{margin-top:10px;padding:8px 12px;background:#161616;border-radius:4px;font-family:ui-monospace,monospace;font-size:13px;color:var(--accent);text-align:center}.ve-alg-carriers{margin-top:4px;font-size:11px;color:var(--fg-2);text-align:center}.ve-macro-edit{margin-bottom:8px}.ve-macro-seq{width:100%;background:#161616;color:var(--fg);border:1px solid var(--border);font-family:ui-monospace,monospace;font-size:12px;padding:6px 8px;border-radius:4px;box-sizing:border-box;resize:vertical}.ve-macro-preview{display:block;width:100%;max-width:320px;margin:4px 0 8px;border:1px solid var(--border);border-radius:4px}.ve-macro-index{background:#161616;color:var(--fg);border:1px solid var(--border);font-family:ui-monospace,monospace;font-size:13px;padding:4px 8px;width:80px;border-radius:4px}.ve-slider-row{display:grid;grid-template-columns:48px 1fr 40px;align-items:center;gap:10px;padding:6px 0}.ve-slider-label{font-size:12px;color:var(--fg-2);font-family:ui-monospace,monospace}.ve-slider{width:100%;accent-color:var(--accent);height:32px}.ve-slider-value{font-size:12px;color:var(--fg);font-family:ui-monospace,monospace;text-align:right}.ve-drum-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid #1a1a1a}.ve-drum-row:last-child{border-bottom:none}.ve-drum-row .ve-slider-row{padding:0}.ve-drum-label{font-size:13px;font-weight:600;color:var(--fg);font-family:ui-monospace,monospace}.ve-drum-pan{display:flex;gap:2px;border-radius:4px;overflow:hidden;border:1px solid #333}.ve-drum-pan-btn{background:#1a1a1a;color:var(--fg-2);border:none;padding:6px 10px;font-family:inherit;font-size:11px;cursor:pointer;min-width:28px}.ve-drum-pan-btn[data-active="1"]{background:var(--accent);color:#fff}.ve-toggle-row{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer;min-height:40px}.ve-toggle{width:22px;height:22px;accent-color:var(--accent);cursor:pointer}#mixer{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:105;padding:16px}#mixer.hidden{display:none}.mx-card{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;width:100%;max-width:520px;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.mx-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:#222}.mx-title{font-size:14px;font-weight:600}.mx-close{margin-left:auto;background:transparent;color:var(--fg);border:1px solid var(--border);width:32px;height:32px;font-size:18px;line-height:1;cursor:pointer;border-radius:4px}.mx-list{padding:8px 16px 16px;overflow-y:auto}.mx-row{border-bottom:1px solid #222;padding:10px 0}.mx-row:last-child{border-bottom:none}.mx-row-master{background:#18211f;border-bottom:1px solid var(--accent);padding:12px;margin:-8px -16px 8px}.mx-row-master .mx-row-name{color:var(--accent);font-weight:600;letter-spacing:.08em}.mx-row-head{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.mx-row-name{font-size:14px;color:var(--fg)}.mx-row-kind{font-size:10px;color:var(--fg-2);text-transform:uppercase;letter-spacing:.06em}.mx-action{background:transparent;color:var(--fg);border:1px solid var(--border);padding:4px 12px;font-family:inherit;font-size:12px;border-radius:4px;cursor:pointer;margin-right:8px}.mx-action:active{background:#2a3a36}.mx-row-ms{background:transparent;color:var(--fg-2);border:1px solid var(--border);width:28px;height:28px;font-size:12px;font-weight:600;line-height:1;cursor:pointer;border-radius:4px}.mx-row-ms[data-active="1"]{background:#2a3a36;border-color:var(--accent);color:var(--fg)}.mx-row-solo[data-active="1"]{background:#3a3a18;border-color:#d4a04a;color:#d4a04a}.mx-row-del{margin-left:auto;background:transparent;color:#d68866;border:1px solid var(--border);width:28px;height:28px;font-size:16px;line-height:1;cursor:pointer;border-radius:4px}.mx-row-del:disabled{opacity:.3;cursor:not-allowed}.mx-row-hint{font-size:12px;color:var(--fg-2);padding:4px 0 0}.mx-slider-row{display:grid;grid-template-columns:40px 1fr 40px auto;align-items:center;gap:10px}.mx-auto-btn{background:#2a2a2a;color:var(--accent);border:1px solid var(--border);width:28px;height:28px;font-size:12px;font-family:ui-monospace,monospace;font-weight:700;cursor:pointer;border-radius:4px}.mx-auto-btn:hover{border-color:var(--accent)}.mx-slider-label{font-size:12px;color:var(--fg-2);font-family:ui-monospace,monospace}.mx-slider{width:100%;accent-color:var(--accent);height:32px}.mx-slider-value{font-size:12px;color:var(--fg);font-family:ui-monospace,monospace;text-align:right}.mx-pan-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px}.mx-pan-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.mx-pan-btn{background:#222;color:var(--fg-2);border:1px solid var(--border);padding:8px 0;min-height:36px;font-family:inherit;font-size:13px;border-radius:4px;cursor:pointer}.mx-pan-btn[data-active="1"]{background:#2a3a36;border-color:var(--accent);color:var(--fg)}.mx-row-name{background:transparent;border:1px dashed transparent;color:var(--fg);padding:2px 6px;font-family:inherit;font-size:14px;cursor:pointer;border-radius:4px}.mx-row-name:hover{border-color:var(--border)}#voice-picker{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:115;padding:16px}#voice-picker.hidden{display:none}.vp-card{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;width:100%;max-width:520px;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.vp-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:#222}.vp-title{font-size:14px;font-weight:600}.vp-close{margin-left:auto;background:transparent;color:var(--fg);border:1px solid var(--border);width:32px;height:32px;font-size:18px;line-height:1;cursor:pointer;border-radius:4px}.vp-dup{margin:12px 16px;background:#2a3a36;color:var(--fg);border:1px solid var(--accent);padding:10px 16px;font-family:inherit;font-size:14px;border-radius:4px;cursor:pointer}.vp-list{padding:0 8px 12px;overflow-y:auto}.vp-row{display:flex;flex-direction:column;align-items:flex-start;width:100%;background:transparent;color:var(--fg);border:1px solid var(--border);padding:10px 12px;margin:4px 0;font-family:inherit;cursor:pointer;border-radius:6px;text-align:left}.vp-row[data-active="1"]{border-color:var(--accent);background:#18211f}.vp-row-name{font-size:14px}.vp-row-ref{font-size:10px;color:var(--fg-2);font-family:ui-monospace,monospace;margin-top:2px}.vp-empty{padding:16px;color:var(--fg-2);font-size:13px}.vp-section-label{padding:12px 16px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-2)}.vp-filter{padding:4px 16px 6px}.vp-filter-input{width:100%;background:#161616;color:var(--fg);border:1px solid var(--border);font-family:inherit;font-size:12px;padding:6px 8px;border-radius:4px;box-sizing:border-box}.vp-row-lib{display:flex;align-items:center;gap:6px;padding:0;cursor:default}.vp-row-lib .vp-row-main{flex:1;background:transparent;color:var(--fg);border:none;text-align:left;padding:10px 12px;font-family:inherit;cursor:pointer}.vp-row-lib .vp-row-del{background:transparent;color:#d68866;border:1px solid var(--border);width:28px;height:28px;font-size:14px;margin-right:12px;border-radius:4px;cursor:pointer}#automation-editor{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:120;padding:16px}#automation-editor.hidden{display:none}.ae-card{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;width:100%;max-width:640px;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.ae-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);background:#222}.ae-title{flex:1;font-size:13px;color:var(--fg);font-family:ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ae-del{background:#2a2a2a;color:#d68866;border:1px solid var(--border);padding:6px 10px;font-family:inherit;font-size:12px;border-radius:4px;cursor:pointer}.ae-del:disabled{opacity:.35;cursor:not-allowed}.ae-close{background:transparent;color:var(--fg);border:1px solid var(--border);width:32px;height:32px;font-size:18px;line-height:1;cursor:pointer;border-radius:4px}.ae-canvas{display:block;width:100%;height:280px;background:#0e0e0e}#tracker-view{position:fixed;inset:0;background:#000000bf;z-index:9000;display:flex;align-items:center;justify-content:center}#tracker-view.hidden{display:none}.tv-card{background:var(--bg-2);color:var(--fg);border:1px solid var(--border);border-radius:6px;width:min(95vw,1100px);max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.tv-header{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);background:#222}.tv-title{flex:1;font-size:14px;font-weight:600}.tv-action{background:transparent;color:var(--fg);border:1px solid var(--border);padding:4px 12px;font-family:inherit;font-size:12px;border-radius:4px;cursor:pointer;margin-right:8px}.tv-close{background:transparent;color:var(--fg);border:1px solid var(--border);width:32px;height:32px;font-size:18px;line-height:1;border-radius:4px;cursor:pointer}.tv-scroll{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.tv-canvas{display:block}#note-inspector{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:120;padding:16px}#note-inspector.hidden{display:none}.ni-card{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;width:100%;max-width:440px;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.ni-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:#222}.ni-title{font-size:14px;font-weight:600;flex:1}.ni-close{background:transparent;color:var(--fg);border:1px solid var(--border);width:32px;height:32px;font-size:18px;line-height:1;cursor:pointer;border-radius:4px}.ni-body{padding:12px 16px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.ni-info{display:flex;gap:16px;flex-wrap:wrap;padding:8px 10px;background:#1a1a1a;border:1px solid var(--border);border-radius:4px;font-size:12px;color:var(--fg-2)}.ni-info b{color:var(--fg);font-weight:600}.ni-row{display:flex;align-items:center;gap:10px}.ni-label{font-size:12px;color:var(--fg-2);min-width:110px}.ni-value{font-size:12px;color:var(--fg);font-family:ui-monospace,monospace;min-width:56px;text-align:right}.ni-row input[type=range]{flex:1;min-width:0}.ni-row input[type=checkbox]{width:22px;height:22px;cursor:pointer}.ni-clear{background:transparent;color:var(--fg-2);border:1px solid var(--border);padding:4px 8px;font-family:inherit;font-size:11px;border-radius:4px;cursor:pointer}.ni-clear:disabled{opacity:.4;cursor:not-allowed}.ni-radio-group{display:flex;gap:4px;flex:1}.ni-radio{flex:1;background:transparent;color:var(--fg);border:1px solid var(--border);padding:6px 0;font-family:inherit;font-size:12px;border-radius:4px;cursor:pointer}.ni-radio[data-active="1"]{background:#2a3a36;border-color:var(--accent)}.ni-section{margin-top:6px;padding-top:8px;border-top:1px solid var(--border);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-2)}.ni-footer{margin-top:8px;display:flex;justify-content:flex-end}.ni-clear-all{background:transparent;color:#d68866;border:1px solid #5a3030;padding:8px 14px;font-family:inherit;font-size:13px;border-radius:4px;cursor:pointer}.ni-clear-all:disabled{opacity:.4;cursor:not-allowed}.ni-hint{margin:4px 0 0;font-size:11px;color:var(--fg-2)}