@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#14191c;--panel:#1a2024;--panel2:#21292e;--line:#2d373d;--muted:#8d9da5;--text:#e4eceb;--accent:#a8d8c5;--accent-dim:#273f37;--track:#88c8b7;font:13px 'DM Sans','Noto Sans KR',sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;touch-action:manipulation}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:hover:not(:disabled){background-color:#ffffff09;color:#fff}input,select{color:var(--text);background:#151c20;border:1px solid var(--line);border-radius:6px;min-height:32px;padding:5px 8px}input[type=range]{accent-color:var(--accent);height:5px;min-height:5px;padding:0;border:0;cursor:pointer;min-width:0}input[type=checkbox]{accent-color:var(--accent);min-height:0}select{cursor:pointer}hr{border:0;border-top:1px solid var(--line);margin:22px 0}output{font-family:var(--mono)}.ui-icon{width:18px;height:18px;display:block;flex-shrink:0}.icon-button,.tiny-button{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;color:var(--muted)}.subtle-button{padding:8px 13px;border:1px solid var(--line);border-radius:6px;background:#222b30;color:#d0dcdf;font-size:12px}.full{width:100%}#app{min-height:100vh;display:flex;flex-direction:column}
.topbar{min-height:68px;display:flex;align-items:center;gap:36px;padding:12px 24px;border-bottom:1px solid var(--line);background:#1a2024}.brand{display:flex;gap:12px;align-items:center;min-width:202px;font-size:13px;letter-spacing:1.6px;font-weight:600}.brand small{display:block;color:#81958f;font:8px var(--mono);letter-spacing:1.2px;margin-top:5px}.brandmark{display:flex;align-items:center;gap:3px;width:29px;height:30px}.brandmark i{height:12px;width:4px;border-radius:2px;background:var(--accent)}.brandmark i:nth-child(2){height:26px}.brandmark i:nth-child(3){height:20px}.brandmark i:nth-child(4){height:9px}.project-heading{flex:1;min-width:0}.project-heading input{background:none;border:0;font-size:14px;min-height:24px;padding:0;width:min(100%,400px);font-weight:500}.project-heading>span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.header-actions{display:flex;align-items:center;gap:7px}.header-actions #save{background:#2b3933;color:#c5e3d6;border-color:#425b4f}
.transport{display:flex;align-items:center;gap:25px;padding:15px 24px;border-bottom:1px solid var(--line);background:#171e22;flex-wrap:wrap}.transport-start{display:flex;align-items:center;gap:7px}.mode-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:7px;margin-right:6px}.mode-switch button{padding:7px 10px;border-radius:4px;font-size:11px;color:var(--muted)}.mode-switch .active{background:#31453c;color:#cee8da}.play-button{width:42px;height:40px;border-radius:7px;background:var(--accent);color:#142a22}.play-button:hover:not(:disabled){background:#c3e7d7;color:#142a22}#playIcon{font-size:0;display:block;margin:auto;width:14px;height:17px;background:currentColor;clip-path:polygon(5% 0,100% 50%,5% 100%)}#play[aria-label=일시정지] #playIcon{clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0)}.transport-button{display:grid;place-items:center;width:34px;height:38px;border-radius:6px;color:#bac9cf}#stop{font-size:0}#stop:before{content:'';width:12px;height:12px;background:currentColor;border-radius:1px}.record-button span{height:13px;width:13px;border-radius:50%;background:#cf8b89;box-shadow:0 0 0 3px #cf8b8910}.record-button.active{background:#633a3e}.record-button.active span{background:#f7b8b6;box-shadow:0 0 0 4px #f7b8b615}#recordMode{font-size:11px;width:116px;margin-left:3px}.tempo-block{padding-left:19px;border-left:1px solid var(--line)}.tempo-block>label,.master-mini>label{display:block;font-size:9px;color:var(--muted);margin-bottom:5px}.tempo-block>div{display:flex;align-items:center;gap:5px}.tempo-block input{padding:0;background:none;border:0;font:22px var(--mono);width:48px;min-height:25px;appearance:textfield}.tempo-block input::-webkit-inner-spin-button{appearance:none}.tempo-block span{font:9px var(--mono);color:var(--muted)}.time-block{padding-left:20px;border-left:1px solid var(--line);min-width:171px}.time-block>span{display:block;font:20px var(--mono);letter-spacing:1px;color:#d5e5e4}.time-block small{display:block;font:7px var(--mono);letter-spacing:1px;color:#71838c;margin-top:6px}.transport-options{display:flex;gap:9px;align-items:center;margin-left:auto}.toggle{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:11px;padding:9px 7px;border:1px solid transparent;border-radius:6px}.toggle.active{color:var(--accent);border-color:#456153;background:#25382f}.toggle .ui-icon{width:16px;height:16px}.swing-control{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted)}.swing-control input{width:45px}.swing-control output{font:9px var(--mono);width:23px}.master-mini{width:92px;padding-left:15px;border-left:1px solid var(--line)}.master-mini input{width:76px}.mini-meter{height:3px;background:#0c1316;margin-top:10px;overflow:hidden;border-radius:2px}.mini-meter i{display:block;height:100%;width:0;background:var(--accent)}
.workspace{display:grid;grid-template-columns:216px minmax(0,1fr) 214px;flex:1;min-height:650px}.sidebar{border-right:1px solid var(--line);padding:20px 12px;background:#181f23;display:flex;flex-direction:column;min-width:0}.section-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9fb0b6;letter-spacing:.3px;padding:0 6px 9px}.tiny-button{width:26px;height:26px;background:#283339}.tiny-button .ui-icon{width:15px;height:15px}.track-row{display:flex;align-items:center;gap:7px;padding:10px 8px;margin-bottom:5px;border:1px solid transparent;border-radius:6px}.track-row.selected{background:#26322f;border-color:#3b5046}.track-color{height:27px;width:3px;border-radius:3px;flex-shrink:0;opacity:.8}.track-select{flex:1;min-width:0;text-align:left;padding:0}.track-select strong{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-select small{display:block;font:8px var(--mono);margin-top:5px;color:#83978f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-toggle{width:20px;height:24px;font:9px var(--mono);padding:0;border:1px solid var(--line);border-radius:4px;color:#83969f;flex-shrink:0}.track-toggle.on{background:#674748;color:#edc6c4;border-color:#8f6061}.track-toggle.solo.on{color:#dddfbb;background:#4d5039;border-color:#727552}.patterns-heading{margin-top:23px}.pattern-row{display:flex;align-items:center;gap:9px;width:100%;padding:11px 9px;border:1px solid transparent;border-radius:5px;margin-bottom:3px;text-align:left;color:#8fa2ad;font-size:11px}.pattern-row.selected{background:#222d33;border-color:#35454e;color:#d5e5e6}.pattern-row>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pattern-row small{font:9px var(--mono);color:#7a909c}.pattern-icon{color:#8cae9f;display:flex}.pattern-icon .ui-icon{width:14px;height:14px}.sidebar-bottom{margin-top:auto;padding:40px 4px 0}.sidebar-bottom .subtle-button{font-size:11px}.sidebar-bottom>span{display:block;font-size:9px;text-align:center;color:#7f939c;line-height:1.8;margin-top:10px}.project-actions{display:flex;justify-content:center;gap:10px;padding-top:20px}.project-actions button{font-size:10px;color:#94a5ad;padding:4px 8px}
.main-area{min-width:0;padding:0 24px 22px}.view-tabs{display:flex;align-items:center;gap:18px;min-height:56px;border-bottom:1px solid var(--line);overflow-x:auto}.view-tabs button{display:flex;align-items:center;gap:7px;flex-shrink:0;position:relative;min-height:56px;color:#859aa4;font-size:11px;padding:0 1px;white-space:nowrap}.view-tabs button .ui-icon{width:16px;height:16px}.view-tabs button.active{color:#c3e3d5}.view-tabs button.active:after{position:absolute;content:'';height:2px;bottom:0;left:0;right:0;background:var(--accent)}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 0 18px;min-height:97px}.editor-heading h1{font-size:24px;font-weight:500;letter-spacing:-.6px;margin:5px 0 0}.editor-heading>div>span,.eyebrow{font:9px var(--mono);letter-spacing:1.2px;color:#7e9a93}.view-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.view-controls label{display:flex;gap:6px;align-items:center;color:#8ea3ae;font-size:10px}.view-controls button,.note-toolbar button{border:1px solid var(--line);border-radius:5px;background:#222d33;padding:7px 10px;font-size:10px;min-height:32px;color:#bdd0d6}.view-controls select{font-size:10px;max-width:165px}.context-strip{display:flex;gap:13px;align-items:center;justify-content:space-between;margin:0 0 12px;color:#b1c3ca;font-size:11px;flex-wrap:wrap}.context-strip>span{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.context-strip .context-track{width:6px;height:6px;border-radius:50%;background:var(--track)}.context-strip em{font-style:normal;color:#697f8a;margin:0 2px}.context-strip small{font-size:10px;color:#80959f}.context-actions{display:flex;gap:6px}.context-actions button{padding:6px 10px;border-radius:5px;border:1px solid #375044;background:#22372d;color:#bddbc9;font-size:10px}.context-actions button+button{background:#222c32;color:#b4c9d3;border-color:#36464f}.start-guide{margin:0 0 12px;border:1px solid var(--line);border-radius:6px;background:#192226}.start-guide summary{cursor:pointer;font-size:10px;color:#92aca3;padding:11px 13px;list-style-position:inside}.start-guide>div{display:grid;grid-template-columns:repeat(3,1fr);padding:0 12px 12px;gap:8px}.start-guide button{display:flex;gap:11px;text-align:left;padding:12px 8px;border-top:1px solid var(--line);align-items:center}.start-guide b{font:17px var(--mono);color:#587c6a;font-weight:400}.start-guide button span{font-size:11px;color:#cadbd5}.start-guide small{display:block;font-size:9px;line-height:1.7;color:#7f9693;margin-top:5px}.editor{border:1px solid #344149;background:#182127;border-radius:8px;overflow:hidden;min-height:346px}.editor svg{display:block;width:100%;font-family:var(--mono)}.scroll-zone{overflow:auto}.scroll-zone>svg{min-width:780px}.playlist-svg{touch-action:none}.grid-line{stroke:#41525b;stroke-width:.8}.beat-line{stroke:#2d3d46;stroke-width:.5}.play-line{stroke:#d7e7dd;stroke-width:1.3;pointer-events:none}.clip-group{cursor:grab;touch-action:none}.clip-group:active{cursor:grabbing}.editor-bottom{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:12px 0;color:#8298a2;font-size:10px;line-height:1.7}.editor-bottom>span:last-child{font:8px var(--mono);color:#607e8d;padding-top:3px;white-space:nowrap}.empty-note{fill:#809ba8;font:12px 'Noto Sans KR',sans-serif;pointer-events:none}.no-select{user-select:none}
.inspector{padding:25px 18px 20px;border-left:1px solid var(--line);background:#181f23;min-width:0;display:flex;flex-direction:column}.inspector>.eyebrow{font-size:8px;letter-spacing:1px}.instrument-art{margin:20px 0 5px;padding:16px;border:1px solid #32413d;border-radius:7px;background:linear-gradient(135deg,#23382f,#1c292a);height:83px;color:var(--track);display:flex;align-items:center;gap:14px}.instrument-art .ui-icon{height:32px;width:32px;opacity:.8}.instrument-art>div{font:10px var(--mono);color:#a1b9af;line-height:1.9;letter-spacing:.5px}.wave-art{width:100%;height:45px}.track-name{border:0;border-bottom:1px solid var(--line);background:none;font-size:17px;padding:10px 0;width:100%;border-radius:0}.preset-type{font:8px var(--mono);color:#6e8c87;margin:9px 0 23px}.inspector label{display:block;font-size:11px;color:#9bb0b8;margin-bottom:22px}.inspector label>select{display:block;width:100%;margin-top:9px;font-size:11px}.param-label{display:flex;justify-content:space-between;gap:5px;margin-bottom:13px;font-size:11px;color:#8fa5ae}.param-label output{color:#c7d7d9;font-size:10px}.inspector label>input[type=range]{width:100%}.inspector hr{margin:0 0 22px}.inspector .inspector-link{display:block;width:100%;border:1px solid #34464e;background:#232f34;border-radius:6px;padding:10px 6px;color:#b6cbd1;font-size:10px;margin:8px 0 0}.inspector label>.inspector-link{margin-top:10px}.inspector-note{font-size:10px;line-height:1.9;color:#6f8a97;margin:0 0 9px}.inspector-bottom{display:flex;gap:7px;margin-top:auto;padding-top:24px}.inspector-bottom button{border:1px solid var(--line);border-radius:5px;padding:7px 10px;color:#a1b8c2;font-size:10px}.inspector-bottom #deleteTrack{color:#c38e8e}.advanced-sound{margin:0 0 18px}.advanced-sound summary{cursor:pointer;color:#8ea69f;font-size:10px;padding:11px 0;border-top:1px solid var(--line)}.advanced-sound label{margin-top:15px}
.keyboard-section{margin-top:10px}.keyboard-header{display:flex;align-items:center;gap:18px;padding:11px 0;color:#8ca3ac;font-size:10px}.keyboard-header>span{font-size:10px;color:#b5c9c7}.keyboard-header label{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:10px}.keyboard-octave{display:flex;gap:8px;align-items:center;font:10px var(--mono)}.keyboard-octave button{width:24px;height:25px;border:1px solid var(--line);border-radius:4px;color:#b5c8cc}.keyboard{display:flex;position:relative;height:88px;user-select:none;border-radius:5px;overflow:hidden;gap:2px}.white-key{position:relative;flex:1;min-width:0;background:#d1d8d6;color:#687776;border:1px solid #b6c4c0;border-bottom:4px solid #a6b4af;border-radius:0 0 4px 4px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 0 7px;touch-action:none}.white-key span{font:10px var(--mono)}.white-key small{font:8px var(--mono);margin-top:4px;color:#83938f}.white-key:hover:not(:disabled){background:#e3ebe7;color:#365445}.white-key.active{background:#a5d7bd;border-color:#77ba95}.black-key{position:absolute;z-index:2;width:4.2%;height:54px;background:#283335;color:#81958d;border:1px solid #3f4d4a;border-bottom:4px solid #141d1a;border-radius:0 0 4px 4px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:7px;font:9px var(--mono);touch-action:none}.black-key:hover:not(:disabled){background:#3d5147}.black-key.active{background:#46745b;color:#c5e5d4}.audio-keyboard-note{display:flex;justify-content:center;align-items:center;width:100%;border:1px solid var(--line);border-radius:6px;color:#8ca8b5;font-size:11px;text-align:center;padding:12px}
.piano-scroll{max-height:426px;overflow:auto;scrollbar-gutter:stable;scroll-behavior:auto}.piano-scroll>svg{touch-action:none;max-width:none;user-select:none}.velocity-scroll{overflow:hidden}.velocity-scroll>svg{max-width:none;min-height:68px}.note-rect{cursor:grab;touch-action:none}.note-rect.selected{stroke:#e5eee8;stroke-width:1.4;fill-opacity:.95}.note-rect:active{cursor:grabbing}.note-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 12px;border-top:1px solid #34434d;font-size:10px;color:#8ea9b6;background:#1a252b}.note-toolbar label{display:flex;align-items:center;gap:7px}.note-toolbar select{font-size:10px;min-height:29px}.note-toolbar input[type=range]{width:75px}.note-toolbar .note-count{margin-left:auto;font:9px var(--mono);color:#6e919e}.note-toolbar button{padding:5px 8px;min-height:29px}.note-toolbar #deleteNote{color:#d4a4a1}.selected-note{color:#c4d9d7;font:11px var(--mono)}
.rack-wrap{padding:22px 21px;min-width:640px}.rack-heading{display:flex;gap:8px;align-items:center;margin-bottom:24px}.rack-heading>span{font:9px var(--mono);color:#849caa;margin-right:10px}.rack-bar{padding:7px 10px;border:1px solid #3b4c56;background:#23313a;border-radius:4px;font:10px var(--mono);color:#8fabba}.rack-bar.selected{background:#365040;color:#c7e1cf;border-color:#60806b}.drum-row{display:grid;grid-template-columns:100px 1fr;gap:15px;align-items:center;margin-bottom:14px}.drum-name{display:flex;gap:9px;align-items:center;text-align:left;font-size:11px;color:#b8cbd4;padding:6px 0}.drum-name b{font:9px var(--mono);color:#668a9a}.drum-steps{display:grid;grid-template-columns:repeat(16,1fr);gap:5px}.step{height:37px;min-width:0;background:#28373f;border:1px solid #394c57;border-radius:4px;position:relative}.step:nth-child(8n+5),.step:nth-child(8n+6),.step:nth-child(8n+7),.step:nth-child(8n+8){background:#334049;border-color:#465862}.step.on{background:color-mix(in srgb,var(--track),#1b252d 50%);border-color:var(--track)}.step.on:after{content:'';position:absolute;height:3px;bottom:5px;left:4px;right:4px;background:var(--track);opacity:var(--velocity,.8);border-radius:1px}.step.current{box-shadow:inset 0 0 0 2px #d8e9df}.step-counter{margin:19px 0 0 115px;display:grid;grid-template-columns:repeat(16,1fr);gap:5px;font:9px var(--mono);text-align:center;color:#5f8494}.step-counter span:nth-child(4n+1){color:#a4c3cd}.rack-empty{padding:35px 18px;font-size:12px;color:#99b2bf;line-height:1.9}
.mixer-wrap{display:flex;gap:13px;padding:25px 19px;min-width:640px;min-height:370px}.mixer-channel{flex:1;min-width:76px;padding:12px 8px;text-align:center;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center}.mixer-channel:last-child{border:0}.mixer-channel.selected{background:#26343b;border-radius:6px}.channel-number{font:9px var(--mono);color:#718e9d;margin-bottom:13px}.channel-name{font-size:11px;font-weight:500;min-height:32px;line-height:1.5;max-width:100%;overflow:hidden}.channel-name:before{content:'';display:block;width:24px;height:2px;background:var(--track);margin:0 auto 8px}.mixer-controls{display:flex;align-items:center;justify-content:center;gap:14px;height:164px;margin:18px 0}.fader{writing-mode:vertical-lr;direction:rtl;width:7px!important;height:150px!important;accent-color:var(--track)!important}.meter-v{height:150px;width:7px;background:#0c1b20;position:relative;overflow:hidden;border-radius:2px}.meter-v i{position:absolute;bottom:0;display:block;width:100%;height:0;background:linear-gradient(to top,#6dba92,#a2d0ad 80%,#d9c58d);transition:height 70ms linear}.mixer-db{font:10px var(--mono);color:#b4cdd5}.mixer-pan{width:65px;margin:18px 0}.mixer-pan input{width:100%}.mixer-pan small{display:block;font-size:9px;color:#7f9ead;margin-bottom:9px}.mixer-switches{display:flex;gap:6px}.mixer-switches button{padding:5px 8px;border:1px solid #3c5460;border-radius:4px;font:10px var(--mono);color:#9db9c8;background:#253841}.mixer-switches button.on{border-color:#90b3a2;background:#355244;color:#c2decf}.mixer-description{font-size:11px;line-height:1.8;color:#7e9daa;padding:0 23px 20px}
.audio-view,.fx-view,.instrument-view{padding:25px}.audio-panel-heading,.fx-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.audio-panel-heading>span,.audio-panel-heading>div+span,.fx-topline>span:last-child{font:9px var(--mono);color:#8ebba6}.audio-panel-heading h2,.wam-loader h2{font-weight:500;font-size:18px;margin:8px 0 0;letter-spacing:-.3px}.input-panel{padding-bottom:24px;border-bottom:1px solid #344954}.input-panel>.record-row{margin:21px 0}.record-row{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.record-row>span:last-child{font-size:11px;color:#819faa;line-height:1.8}.record-row>span:nth-child(2){font:12px var(--mono);color:#d2c7b2}.audio-record-button{padding:12px 19px;border:1px solid #9a676a;border-radius:6px;background:#694247;color:#f0d5ce;font-size:12px}.audio-record-button:hover:not(:disabled){background:#815056}.audio-record-button.recording{background:#9b555b;color:#ffe2d9}.input-help{font-size:11px;line-height:1.9;color:#9eb9ac;margin:16px 0 0;overflow-wrap:anywhere}.input-advanced{margin-top:19px;padding-top:16px;border-top:1px solid #344954}.input-advanced summary{cursor:pointer;font-size:11px;color:#92afbd}.input-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.input-actions button,.input-actions select,.clip-actions button,.asset-row button,.wam-loader button,.fx-view button{padding:8px 11px;border:1px solid #3b5663;border-radius:5px;background:#253a44;color:#b0cfdf;font-size:11px}.input-actions select{flex:1;min-width:130px;max-width:250px}.input-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:11px;color:#96b2c2;margin-top:20px}.input-controls label{display:flex;align-items:center;gap:9px}.input-controls input[type=range]{width:85px}.input-controls input[type=number]{width:60px}.input-controls small{font-size:10px;color:#7395a7}.input-controls output{font:10px var(--mono)}.record-options{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:19px}.record-options label{display:flex;align-items:center;gap:8px;font-size:11px;color:#96b5c4}.record-options select{font-size:11px;max-width:170px}.record-options>span{font-size:10px;color:#7099ab}.input-level{display:flex;align-items:center;gap:13px;margin:20px 0}.input-level>div{flex:1;height:6px;border-radius:2px;overflow:hidden;background:#101d24}.input-level i{display:block;height:100%;width:0;background:#8cc8ac;transition:width 70ms linear}.input-level i.clipping{background:#d68d8b}.input-level output{font:10px var(--mono);width:85px;text-align:right;color:#7b9fb1}.editor .input-wave{min-width:0;width:100%;height:64px;background:#142c33;margin-top:20px;border-radius:5px}.input-wave path{stroke:#92c9b0;stroke-width:1.3;fill:none}.input-live-hint{display:block;margin-top:13px;font-size:11px;color:#c4b88d;min-height:16px}.take-listen-button,.take-recovery button{border:1px solid #557767;border-radius:5px;padding:8px 12px;background:#2c4337;color:#bdd9c8;font-size:11px}.take-recovery{padding:18px;margin-top:19px;border:1px solid #827653;border-radius:6px;background:#35352b}.take-recovery strong{font-size:13px;color:#ded4af;font-weight:500}.take-recovery p{font-size:11px;line-height:1.9;color:#bfb99d;overflow-wrap:anywhere}.take-recovery>div{display:flex;gap:8px;flex-wrap:wrap}.take-recovery #discardTake{background:none;border-color:#745d59;color:#cfb1a8}.record-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 24px;background:#3e2e32;border-bottom:1px solid #725357;color:#e2b8b3;font-size:12px}.record-banner[hidden]{display:none}.record-banner>span{display:flex;align-items:center;gap:10px}.record-banner i{width:7px;height:7px;background:#e6aaa4;border-radius:50%}.record-banner b{font-weight:500}.record-banner button{padding:6px 12px;border:1px solid #91676b;border-radius:5px;background:#57393f;color:#f0cfc4;font-size:11px}
.clip-edit{padding:25px 0;border-bottom:1px solid #344954}.editor .audio-wave{width:100%;min-width:0;max-height:165px;background:#1c353c;margin-top:20px;border-radius:6px}.clip-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:20px}.clip-fields label{font-size:11px;color:#8badbf}.clip-fields input{display:block;width:100%;margin-top:9px;font:12px var(--mono);padding:8px}.clip-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.asset-library{padding-top:24px}.asset-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #30464f}.asset-row>span{min-width:0}.asset-row b{font-size:12px;font-weight:500;display:block;overflow-wrap:anywhere}.asset-row small{display:block;font:9px var(--mono);color:#739bb0;margin-top:7px}.asset-row button{flex-shrink:0;font-size:10px}.audio-empty{font-size:12px;color:#8aabba;line-height:1.9;margin:22px 0}.drop-audio{margin-top:20px;padding:25px 14px;border:1px dashed #426272;border-radius:6px;color:#83aabd;text-align:center;font-size:11px;line-height:1.9}.drop-audio.drag-over{background:#30483b;border-color:#a0cdb4;color:#c7e5d2}
.fx-topline{border-bottom:1px solid #34505d;padding-bottom:22px;margin-bottom:21px}.fx-slot{background:#1d303a;border:1px solid #3c5868;padding:17px;border-radius:7px;margin-bottom:15px}.fx-slot.bypassed{opacity:.5}.fx-slot-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.fx-slot-header label{flex:1;display:flex;align-items:center;gap:10px}.fx-slot-header b{font-size:12px;font-weight:500}.fx-number{font:10px var(--mono);color:#7ba5bb}.fx-slot-header>span{font:8px var(--mono);color:#9abbab}.fx-slot-header>div{display:flex;gap:5px}.fx-slot-header button{padding:4px 8px}.fx-parameters,.wam-parameters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:25px 0 8px}.fx-parameters label,.wam-parameters label{font-size:11px;color:#94b7cb}.fx-parameters output,.wam-parameters output{float:right;font:10px var(--mono);color:#c4dce6}.fx-parameters input,.wam-parameters input{display:block;width:100%;margin-top:16px}.fx-empty{padding:34px 12px;text-align:center;font-size:13px;color:#afcfdf;line-height:1.9}.fx-empty small{display:block;margin-top:8px;font-size:11px;color:#749fb5}.wam-loader{border-top:1px solid #34505d;margin-top:27px;padding-top:25px}.wam-loader>div{display:flex;gap:10px;margin-top:20px}.wam-loader input{flex:1;min-width:0;padding:9px;font:11px var(--mono)}.wam-loader p{font-size:10px;color:#7ea8bd;line-height:1.9;margin-bottom:0}.wam-slot-body{display:flex;justify-content:space-between;align-items:center;gap:11px;flex-wrap:wrap;margin-top:18px}.wam-slot-body>span{font-size:10px;color:#93b9ce;overflow-wrap:anywhere}.wam-slot-body>div{display:flex;gap:7px}.wam-slot-body button{font-size:10px}#pluginDialog{max-height:82vh;overflow:auto}#pluginGui{margin-top:22px;overflow:auto;max-width:100%}
.instrument-intro h2{font-size:23px;letter-spacing:-.6px;font-weight:500;margin:10px 0}.instrument-intro p{font-size:12px;color:#83a1af;line-height:1.9;max-width:580px}.current-instrument{display:inline-block;margin:8px 0 25px;padding:7px 11px;border:1px solid #3c5c4b;border-radius:5px;background:#263e30;color:#b6dbc1;font-size:11px}.instrument-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.instrument-card{min-width:0;padding:20px;border:1px solid #364e5d;border-radius:8px;background:#1d2d35;position:relative}.instrument-card.selected{border-color:#7d9e82;background:#263c30}.instrument-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#7ca1b7}.instrument-card-top .sound-kind{font:8px var(--mono);letter-spacing:.5px;color:#a3c8b1}.instrument-card h3{font-size:17px;font-weight:500;letter-spacing:-.4px;margin:23px 0 7px;color:#d3e4eb}.instrument-card small{font:9px var(--mono);color:#799db2}.instrument-card p{font-size:11px;color:#8cadbf;line-height:1.9;min-height:42px;margin:18px 0}.instrument-card-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.instrument-card-actions button{padding:8px 10px;font-size:10px;border:1px solid #436274;background:#283e4c;color:#b9d8e7;border-radius:5px}.instrument-card-actions button[data-instrument-apply]{margin-left:auto;background:#37543c;color:#d1e5c8;border-color:#68876a}.instrument-card-actions button[aria-pressed=true]{background:#45634d;border-color:#8ba880;color:#e2efc9}.instrument-footnote{font-size:10px;color:#749fb0;line-height:1.9;margin:25px 0 0}.sound-credits{margin-top:24px;border-top:1px solid var(--line);padding-top:16px;color:#85a9bb;font-size:10px;line-height:1.9}.sound-credits summary{cursor:pointer}.sound-credits a{color:#b6d6c1;text-underline-offset:3px}.sample-status{font-size:10px;color:#9cbaa6;min-height:15px;margin-top:12px}
.statusbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:11px 24px;background:#11191d;border-top:1px solid var(--line);font-size:10px;color:#7594a2}.statusbar>span:first-child{display:flex;gap:8px;align-items:center}.statusbar>span:last-child{font:8px var(--mono);color:#698995}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#81bc9e}#toast{position:fixed;z-index:20;left:50%;bottom:28px;max-width:min(560px,90vw);transform:translate(-50%,12px);background:#d3e6da;color:#213b2c;box-shadow:0 8px 35px #0004;border:1px solid #a7c4b1;border-radius:8px;padding:13px 19px;font-size:12px;line-height:1.7;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #42575c;background:#1b292e;color:#d0e1e5;border-radius:10px;padding:26px;max-width:min(790px,92vw);max-height:86vh;overflow:auto;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#091015bb;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-heading h2{font-size:21px;font-weight:500;margin:0}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 30px}.help-grid h3{font-size:13px;font-weight:500;color:#b5d9c5;margin:18px 0 8px}.help-grid p,dialog>p{font-size:12px;color:#90adba;line-height:1.9}.shortcut-list{display:flex;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;margin-top:20px;font-size:10px;color:#94b3bf}.shortcut-list kbd{display:inline-block;background:#283e46;border:1px solid #4a6875;border-radius:3px;padding:3px 5px;font:10px var(--mono);color:#c1d7df}.help-note{font-size:10px!important;color:#799ba9!important;margin-top:24px}[hidden]{display:none!important}
@media(min-width:1650px){.workspace{grid-template-columns:236px minmax(0,1fr) 240px}.main-area{padding-left:32px;padding-right:32px}.sidebar{padding-left:16px;padding-right:16px}.inspector{padding-left:23px;padding-right:23px}.instrument-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.transport{gap:30px}}
@media(max-width:1250px){.workspace{grid-template-columns:190px minmax(0,1fr) 194px}.main-area{padding:0 18px 20px}.inspector{padding:25px 14px}.transport{gap:15px}.swing-control{display:none}.time-block{padding-left:15px;min-width:150px}.time-block>span{font-size:18px}.view-tabs{gap:14px}.view-tabs button{font-size:10px;gap:5px}.view-tabs button .ui-icon{width:14px;height:14px}.track-select strong{font-size:11px}.track-toggle{width:18px}.track-row{padding:10px 5px;gap:5px}.editor-heading{flex-wrap:wrap;gap:13px;padding-top:22px}.view-controls{justify-content:flex-start}.instrument-card{padding:16px}.instrument-card h3{font-size:15px}.master-mini{width:75px}.master-mini input{width:59px}.tempo-block{padding-left:15px}.brand{min-width:168px}}
@media(max-width:1000px){.workspace{grid-template-columns:174px minmax(0,1fr)}.inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:22px}.inspector>.eyebrow,.inspector>.instrument-art,.inspector>.preset-type,.inspector>.inspector-note,.inspector>hr{display:none}.inspector .track-name{grid-column:1/3;align-self:center}.inspector>.inspector-bottom{grid-column:3/5;grid-row:1;margin:0;padding:0;justify-content:flex-end}.inspector label{margin:0}.inspector>.advanced-sound{grid-column:1/3;grid-row:3/5}.inspector .inspector-link{margin:0;height:34px;align-self:end}.topbar{gap:20px}.transport-options{margin-left:auto}.toggle span{display:none}.transport{padding:12px 18px;gap:12px}.master-mini{display:none}.time-block{margin-right:auto}.instrument-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.topbar{flex-wrap:wrap;padding:13px 15px;gap:10px}.brand{flex:1}.brand small{font-size:7px}.header-actions{gap:3px}.project-heading{order:3;flex-basis:100%;display:flex;align-items:center;gap:12px;padding-top:7px}.project-heading input{font-size:12px;flex:1}.project-heading>span{font-size:8px;margin:0;white-space:nowrap}.transport{padding:12px;gap:12px;justify-content:space-between}.transport-start{gap:4px;flex-wrap:wrap}.mode-switch{margin-right:2px}.mode-switch button{font-size:10px;padding:7px}.play-button{width:36px;height:37px}.transport-button{width:29px}.tempo-block{padding-left:10px}.tempo-block input{font-size:20px;width:43px}.tempo-block span{font-size:8px}#recordMode{width:104px;font-size:10px}.time-block{border:0;padding:0;min-width:130px;margin:0}.time-block>span{font-size:16px}.time-block small{font-size:6px}.transport-options{gap:5px;margin:0}.toggle{padding:7px}.toggle span{display:inline;font-size:10px}.workspace{grid-template-columns:1fr;min-height:0}.sidebar{padding:10px 12px;border:0;border-bottom:1px solid var(--line);display:block}.sidebar>.section-title,.sidebar>.patterns-heading,.sidebar #patternList,.sidebar-bottom{display:none}#trackList{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.track-row{flex-shrink:0;padding:8px 10px;margin:0;max-width:190px}.track-color{height:20px}.track-select small,.track-toggle{display:none}.main-area{padding:0 12px 18px}.view-tabs{gap:17px;min-height:50px}.view-tabs button{min-height:50px;font-size:10px;gap:5px}.view-tabs .ui-icon{width:14px;height:14px}.editor-heading{padding:20px 0 14px;min-height:85px}.editor-heading h1{font-size:22px}.editor-heading>div>span{font-size:8px}.view-controls{gap:6px}.view-controls label{font-size:9px}.view-controls button,.view-controls select{font-size:10px;padding:5px 7px;min-height:30px}.view-controls select{max-width:145px}.context-strip{gap:10px;font-size:10px}.context-strip small{font-size:9px}.context-actions button{font-size:10px}.start-guide>div{grid-template-columns:1fr}.start-guide button{padding:10px 5px}.start-guide small{display:inline;margin-left:10px}.editor{min-height:300px}.editor-bottom{font-size:9px;padding-top:10px}.editor-bottom>span:last-child{display:none}.piano-scroll{max-height:365px}.note-toolbar{padding:12px 9px;gap:10px}.note-toolbar .note-count{display:none}.keyboard-header{gap:10px;font-size:9px}.keyboard-header label{font-size:9px}.keyboard{height:80px}.black-key{height:50px}.inspector{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 23px;padding:20px 16px}.inspector .track-name{grid-column:1;font-size:15px}.inspector>.inspector-bottom{grid-column:2;gap:5px}.inspector-bottom button{font-size:9px;padding:7px}.inspector>.advanced-sound{grid-column:1/-1;grid-row:auto;margin:0}.inspector>.advanced-sound[open]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inspector>.advanced-sound summary{grid-column:1/-1;padding:13px 0 0}.inspector .advanced-sound label{margin:0}.audio-view,.fx-view,.instrument-view{padding:18px 14px}.audio-panel-heading h2,.wam-loader h2{font-size:16px}.input-controls,.record-options{gap:15px}.input-controls label,.record-options label{font-size:10px}.record-options>span{font-size:9px}.clip-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.asset-row{gap:10px}.asset-row b{font-size:11px}.asset-row button{font-size:9px;padding:7px}.fx-parameters,.wam-parameters{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.fx-slot{padding:14px}.fx-slot-header{gap:9px}.fx-slot-header>span{font-size:7px}.wam-loader>div{flex-wrap:wrap}.wam-loader input{flex-basis:100%;font-size:10px}.instrument-intro h2{font-size:19px}.instrument-intro p{font-size:11px}.instrument-grid{gap:10px}.instrument-card{padding:14px 12px}.instrument-card-top{font-size:9px}.instrument-card h3{font-size:15px}.instrument-card p{font-size:10px;min-height:56px}.instrument-card-actions{gap:6px}.instrument-card-actions button{font-size:9px;padding:8px}.instrument-card-actions button[data-instrument-apply]{margin-left:0}.instrument-card-actions button[data-instrument-add]{margin-left:auto}.statusbar{padding:10px 13px;font-size:9px;gap:10px}.statusbar>span:last-child{font-size:7px}.record-banner{padding:11px 14px;font-size:11px}.help-grid{grid-template-columns:1fr;gap:0}dialog{padding:20px}.shortcut-list{gap:12px}.editor .input-wave{height:60px}}
@media(max-width:390px){.transport-start{gap:3px}.transport #recordMode{width:94px;font-size:9px}.mode-switch button{font-size:9px;padding:7px 5px}.tempo-block input{font-size:18px}.time-block{min-width:125px}.instrument-grid{grid-template-columns:1fr}.instrument-card p{min-height:0}.context-strip small{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.piano-frame{position:relative;overflow:hidden}.piano-key-overlay{position:absolute;left:0;top:0;height:100%;overflow:hidden;z-index:2;background:#1a282e;pointer-events:none}.piano-key-overlay svg{pointer-events:auto;touch-action:none}.piano-ruler-overlay{position:absolute;left:0;right:0;top:0;overflow:hidden;z-index:3;pointer-events:none}.piano-ruler-overlay svg{pointer-events:auto;max-width:none;touch-action:none;cursor:crosshair}.piano-corner{position:absolute;left:0;top:0;z-index:4;display:grid;place-items:center;pointer-events:none;background:#273b42;color:#93aca9;font:8px var(--mono);border-right:1px solid #47605c}.tools-list{display:grid;gap:9px;margin-top:23px;min-width:230px}.tools-list button{padding:13px 17px;border:1px solid var(--line);border-radius:6px;text-align:left;background:#24383f;color:#bfd4dd;font-size:12px}

#play.loading #playIcon{clip-path:none;background:none;border:2px solid #416755;border-top-color:transparent;width:17px;height:17px;border-radius:50%;animation:prepare-spin .8s linear infinite}@keyframes prepare-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#play.loading #playIcon{animation:none}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.instrument-search-row{display:flex;gap:9px;align-items:center;margin:0 0 18px}.instrument-search{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:1px solid #466253;border-radius:7px;background:#182b2a;padding:0 12px;color:#7fa696}.instrument-search:focus-within{border-color:#a8d8c5;box-shadow:0 0 0 2px #a8d8c510}.instrument-search input{background:none;border:0;border-radius:0;flex:1;min-width:0;padding:13px 0;color:#d9e7df;font-size:12px;outline:none}.instrument-search input::placeholder{color:#789a8d}.instrument-search-row>button{padding:10px 12px;border:1px solid var(--line);border-radius:5px;color:#9db3b1;font-size:10px}.library-navigation{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap}.instrument-scopes{display:flex;gap:6px;flex-wrap:wrap}.instrument-scopes button{font-size:11px;padding:8px 12px;border-radius:5px;border:1px solid #354c54;background:#203139;color:#90adb6}.instrument-scopes button.active{color:#d1e6d5;background:#354c3b;border-color:#738b70}.instrument-scopes span{font:9px var(--mono);margin-left:5px;opacity:.7}#libraryCount{font-size:10px;color:#7f9da7}.instrument-card-top .favorite-instrument{padding:4px;display:grid;place-items:center;border-radius:4px;color:#64858e;margin:-4px -4px -4px 2px}.favorite-instrument.on{color:#d3c18d}.instrument-card-top>.sound-kind{margin-left:auto;font-size:8px}.instrument-no-results{grid-column:1/-1;padding:40px 12px;text-align:center;line-height:1.8}.instrument-no-results strong{font-size:14px;font-weight:500;color:#b9d0d4}.instrument-no-results p{font-size:12px;color:#7ea0af}.instrument-no-results button{padding:9px 14px;border:1px solid #557364;border-radius:5px;background:#2b4136;color:#bed9c8;font-size:11px}.library-preview{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 13px;margin-bottom:18px;background:#273d31;border:1px solid #56755f;border-radius:6px;font-size:11px;color:#bfdbc6}.library-preview button{padding:5px 9px;border:1px solid #728d73;border-radius:4px;color:#d4e6d4;font-size:10px}.instrument-card h3{padding-right:0}.instrument-card small{display:block;min-height:13px}.instrument-card-actions button:disabled{opacity:.6;color:#b1c9b0}
@media(max-width:680px){.instrument-search{padding:0 10px;gap:7px}.instrument-search input{font-size:11px;padding:12px 0}.instrument-search-row>button{padding:9px;font-size:10px}.library-navigation{gap:12px}.instrument-scopes button{font-size:10px;padding:8px 10px}.instrument-card-top{gap:5px}.instrument-card-top>.sound-kind{font-size:7px}.instrument-card-top .favorite-instrument{padding:3px}.library-preview{font-size:10px;flex-wrap:wrap}.library-preview button{margin-left:auto}.instrument-no-results{padding:30px 5px}.instrument-no-results p{font-size:11px}}
.editing-tools{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line);background:#1b2a2e;font-size:10px;color:#aac0c5}.editing-tools label,.hit-tools label,.rack-heading label{display:flex;align-items:center;gap:7px}.editing-tools select,.hit-tools select,.rack-heading select{background:#26383e;border:1px solid #465b60;border-radius:4px;padding:6px;color:#c8dcda;font-size:10px}.check-option{white-space:nowrap}.check-option input{accent-color:#88c8b7}.editing-shortcut{font-size:9px;color:#74979d;margin-left:auto}.timing-tools{margin-left:auto}.timing-tools summary{cursor:pointer;color:#b4d1c8;padding:6px 0}.timing-tools[open]{flex-basis:100%;margin:0}.timing-tools>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 0 2px}.timing-tools input[type=number]{width:49px;background:#203238;border:1px solid #4c6269;border-radius:4px;padding:6px;color:#c5dadb;font:10px var(--mono)}.timing-tools button,.hit-tools button{padding:7px 10px;border:1px solid #536e67;border-radius:4px;background:#2b4039;color:#c1d9cc;font-size:10px}.rack-heading{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:14px 18px;margin:0;background:#1d2c31}.rack-heading>span{font-size:9px;color:#91b0b6}.rack-heading .rack-grid-label{color:#c1d7cc;margin:0 auto 0 9px}.rack-heading label{font-size:9px;color:#93b0b5}.rack-wrap{padding-top:18px}.drum-steps,.step-counter{grid-template-columns:repeat(var(--cells,16),minmax(0,1fr));gap:4px}.drum-steps .step{background:#28373f;border-color:#394c57;height:34px;min-width:18px;border-radius:3px}.drum-steps .step.beat-alt{background:#324249;border-color:#495c65}.drum-steps .step.beat-start{border-left:2px solid #819d9d}.drum-steps .step.on{background:color-mix(in srgb,var(--track),#1b252d 50%);border-color:var(--track)}.drum-steps .step.selected{outline:2px solid #e9d7af;outline-offset:2px}.step small{font:9px var(--mono);color:#e4eee4}.step.off-grid i{position:absolute;right:2px;top:3px;width:4px;height:4px;background:#f2ce97;border-radius:50%}.drum-name{display:flex;align-items:center;gap:5px;position:sticky;left:0;z-index:1;background:#1d2b31;min-height:34px}.drum-name span{font-size:11px}.drum-name small{margin-left:auto;font:9px var(--mono);color:#688a92}.step-counter{margin-top:8px}.step-counter span{font-size:8px}.hit-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 17px;border-top:1px solid var(--line);background:#1b2a2f;font-size:10px;color:#a9c3c7}.hit-tools strong{font-size:11px;font-weight:500;color:#d2e0d5}.hit-tools input[type=range]{width:80px;accent-color:#88c8b7}.hit-tools>span{margin-left:auto;color:#7c9ba2;font:9px var(--mono)}.hit-tools.muted{color:#6f919b;font-size:10px;line-height:1.7}.sound-macros{border-top:1px solid var(--line);padding-top:14px;margin-top:10px}.sound-macros summary{color:#aacac1;font-size:11px;cursor:pointer;margin-bottom:16px}.sound-macros label{display:block;margin:0 0 17px}.sound-macros input{width:100%;accent-color:#88c8b7}.sound-macros output{color:#8eafb0;font:10px var(--mono)}
@media(max-width:1050px){.inspector>.sound-macros{grid-column:1/-1}.sound-macros[open]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 25px}.sound-macros summary{grid-column:1/-1}.sound-macros label{margin:0}}@media(max-width:680px){.editing-tools{padding:10px;gap:10px;font-size:9px}.editing-shortcut{display:none}.editing-tools select{font-size:9px;max-width:120px}.timing-tools>div{gap:12px 10px}.rack-heading{padding:12px 10px;gap:7px}.rack-heading .rack-grid-label{margin-left:0}.rack-heading .check-option{flex-basis:100%}.hit-tools{padding:12px 10px;gap:10px}.hit-tools>span{flex-basis:100%;margin:0}.sound-macros[open]{grid-template-columns:repeat(2,minmax(0,1fr))}}

.instrument-search>svg{width:17px;height:17px;flex:0 0 17px}.favorite-instrument svg{width:17px;height:17px}