:root{font-family:'DM Sans',system-ui,sans-serif;color:#262b28;background:#e9eae4;font-synthesis:none;--line:#d7d9d1;--muted:#848980;--dark:#242925;--accent:#d8ed78;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid #83a54a;outline-offset:3px}button{transition:background .15s,color .15s}input[type=range]{accent-color:#424d3e;cursor:pointer}a{color:inherit;text-decoration:none}.studio{min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;padding:0 28px;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line);background:#f5f6ef}.brand{font-size:30px;letter-spacing:-1.6px;font-weight:700;display:flex;align-items:center;gap:12px}.brand-sub{font:10px var(--mono);letter-spacing:2px;align-self:flex-end;padding-bottom:9px;margin-left:1px}.brand-mark{display:flex;align-items:center;gap:3px;height:30px}.brand-mark i{width:5px;background:#31372d;border-radius:1px;height:23px}.brand-mark i:nth-child(2){height:31px}.brand-mark i:nth-child(3){height:15px}.brand-mark i:nth-child(4){height:26px}.project-heading{display:flex;align-items:center;gap:9px;flex:1}.project-dot{height:7px;width:7px;border-radius:50%;background:#9eaa8e}#project-name{border:0;background:transparent;font-weight:600;width:155px;color:#343b32;font-size:13px}#save-status{font-size:10px;color:var(--muted);border-left:1px solid var(--line);padding-left:12px}.project-actions{display:flex;align-items:center;gap:16px}.plain-button{background:transparent;color:#687062;padding:8px 6px;font-size:11px}.plain-button:hover{color:#1b2814}.save-button{background:var(--dark);color:#f4f5eb;font-size:11px;padding:12px 17px;border-radius:5px}.save-button:hover{background:#414d36}.save-button span{font-size:17px;margin-right:9px}.transport{height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 28px;background:#f0f1e9;border-bottom:1px solid var(--line)}.transport-main,.transport-right{display:flex;align-items:center;gap:12px}.play-button,.stop-button{width:34px;height:34px;border-radius:4px;background:#e0e3d7;color:#434b3d;font-size:13px}.play-button{background:var(--accent);width:42px;color:#2c3720}.play-button:hover{background:#c5df5d}.play-button.playing{background:#4f6541;color:#e4f5b4}.stop-button:hover{background:#d3d8c9}.transport-divider{height:23px;border-left:1px solid #d0d3c8;margin:0 9px}.tempo-field{display:flex;align-items:baseline;gap:6px}.tempo-field input{width:47px;background:transparent;border:0;font:500 16px var(--mono);color:#2f372b;-moz-appearance:textfield}.tempo-field input::-webkit-inner-spin-button{appearance:none}.tempo-field span,.time-signature{font:10px var(--mono);color:#818776}.time-signature{color:#424939;margin-left:12px;padding:9px 11px;background:#e5e7dd;border-radius:3px}.icon-button{width:30px;height:30px;border-radius:4px;background:transparent;color:#808575;font-size:21px}.icon-button:hover{background:#e1e5d8}.icon-button[aria-pressed=true]{background:var(--accent);color:#314422}.position{display:flex;align-items:center;gap:13px;font:12px var(--mono);letter-spacing:1px}.live-dot{width:6px;height:6px;border-radius:50%;background:#a9b59a}.is-playing .live-dot{background:#6e984f;box-shadow:0 0 0 4px #8ea87120}.quantization{font-size:8px;color:#8b9183;margin-left:10px;letter-spacing:1px}.audio-status{font:8px var(--mono);letter-spacing:1.5px;color:#7a856e;margin-left:17px}.workspace{display:flex;flex:1;min-height:650px}.browser-panel{width:218px;flex-shrink:0;padding:23px 18px 14px;border-right:1px solid var(--line);background:#eceee5;display:flex;flex-direction:column}.search-box{display:flex;align-items:center;border:1px solid #d7dbcd;background:#f4f6ed;border-radius:4px;padding:6px 9px;gap:7px}.search-box>span{color:#8b9480;font-size:17px}.search-box input{border:0;background:transparent;min-width:0;width:100%;font-size:10px;outline:none;color:#394a2d}.library-tabs{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px;font-size:11px}.library-tab{font-weight:600}.library-count{font:9px var(--mono);color:#859077}.sound-list{display:flex;flex-direction:column;gap:4px}.sound-item{background:transparent;text-align:left;display:flex;align-items:center;gap:9px;padding:11px 9px;border-radius:4px;color:#56634c}.sound-item.active{background:#dbe2d0;color:#303c26}.sound-item:hover{background:#e2e7da}.sound-icon{width:25px;height:25px;border-radius:4px;background:#ccd5bc;display:grid;place-items:center;font-size:14px}.sound-copy strong{font-size:11px;font-weight:500;display:block}.sound-copy small{font:8px var(--mono);color:#8c957f;display:block;margin-top:3px}.sound-item .sound-arrow{margin-left:auto;color:#85926f;font-size:10px}.browser-link{background:transparent;display:flex;align-items:center;gap:8px;text-align:left;padding:9px 0;color:#606d54;font-size:10px}.eyebrow{font:7px var(--mono);letter-spacing:1.2px;color:#8e997e}.mini-wave{height:32px;width:90px;margin-bottom:23px;background:repeating-linear-gradient(to right,#8ea573 0px,#8ea573 2px,transparent 2px,transparent 5px);clip-path:polygon(0% 40%,7% 15%,14% 36%,21% 0%,28% 37%,35% 15%,42% 43%,49% 33%,56% 7%,63% 30%,70% 38%,77% 0%,84% 32%,91% 22%,100% 40%,100% 60%,91% 78%,84% 68%,77% 100%,70% 62%,63% 70%,56% 93%,49% 67%,42% 57%,35% 85%,28% 63%,21% 100%,14% 64%,7% 85%,0% 60%)}.browser-footer{display:flex;align-items:center;gap:6px;border-top:1px solid #d9dece;padding-top:16px;font:8px var(--mono);color:#8b957c}.browser-footer>span:last-child{margin-left:auto}.green-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#83a35a;flex-shrink:0}.main-panel{flex:1;min-width:0;padding:0 24px 20px;display:flex;flex-direction:column}.session-toolbar{height:70px;display:flex;align-items:center;gap:22px;flex-shrink:0}.view-tabs{display:flex;padding:3px;background:#dde0d4;border-radius:5px;gap:3px}.view-tab{color:#929986;background:transparent;padding:8px 12px;border-radius:3px;font-size:13px;display:flex;align-items:center;gap:7px}.view-tab span{font-size:10px}.view-tab.active{background:#fafbf4;color:#405034;box-shadow:0 1px 4px #303b1420}.session-summary{font:8px var(--mono);letter-spacing:1px;color:#9aa18e}.session-summary span{margin:0 8px}.compact{margin-left:auto}.session-scroll{overflow-x:auto}.session-grid{display:grid;grid-template-columns:repeat(5,minmax(125px,1fr)) 104px;border:1px solid #ccd1c2;border-radius:6px;overflow:hidden;min-width:730px;background:#e3e6db}.track-column{border-right:1px solid #cdd2c3;min-width:0}.track-head{height:46px;display:flex;align-items:center;padding:0 12px;gap:7px;background:#e9ece1;border-top:3px solid var(--track-color)}.track-number{font:9px var(--mono);opacity:.45}.track-title{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-type{margin-left:auto;opacity:.45;font-size:12px}.clips{padding:9px 7px 0;display:flex;flex-direction:column;gap:7px}.clip-cell{position:relative;height:57px;border-radius:4px;background:#d8ddcf;border:1px solid transparent;padding:10px 8px;cursor:pointer;color:#293625;display:flex;gap:6px;align-items:flex-start}.clip-cell.filled{background:color-mix(in srgb,var(--track-color) 70%,#eff1e8)}.clip-cell.selected{border-color:#445239;box-shadow:0 0 0 1px #445239}.clip-cell:hover{filter:brightness(1.03)}.clip-cell.active:after{content:'';position:absolute;bottom:0;left:0;width:var(--progress,0%);height:3px;background:#33472b}.clip-cell.queued{outline:1px dashed #405133;outline-offset:-4px}.clip-launch{background:transparent;color:#3e5134;font-size:10px;padding:2px 3px;width:17px;flex-shrink:0}.clip-title{font-size:10px;line-height:1.3;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-pattern{position:absolute;left:34px;right:10px;bottom:10px;height:9px;display:flex;align-items:flex-end;gap:2px;opacity:.32}.clip-pattern i{background:#33422d;flex:1;min-width:1px}.clip-cell.empty{background:#e1e5d9;border:1px dashed #c8d0bd;align-items:center;justify-content:center;color:#b1bba4;font-size:17px}.clip-cell.empty:hover{color:#687d55;background:#e8ebdf}.clip-cell.empty span{font:8px var(--mono);color:#88967a;margin-left:4px}.track-stop{margin:9px 7px;width:calc(100% - 14px);height:22px;border-radius:3px;color:#94a181;background:#dce1d2;text-align:left;font-size:9px;padding-left:11px}.mixer{padding:12px 12px 14px;background:#e9ece2;border-top:1px solid #d0d6c7}.mixer-label{display:flex;justify-content:space-between;font:7px var(--mono);letter-spacing:1px;color:#8d997e}.track-meter{height:4px;background:#d3dac9;border-radius:2px;overflow:hidden;margin:10px 0 12px}.track-meter>i{display:block;width:var(--level,0%);height:100%;background:#8ba868;transition:width .08s}.volume-row{display:flex;align-items:center;gap:6px}.volume-row input{width:100%;min-width:0;height:15px;margin:0}.db-value{font:8px var(--mono);width:33px;flex-shrink:0;text-align:right;color:#6d7b5d}.pan-row{display:flex;justify-content:space-between;align-items:center;margin-top:11px;font:7px var(--mono);color:#8a957e}.pan-row input{width:62px;height:10px;margin:0;accent-color:#84966f}.track-buttons{display:flex;align-items:center;gap:5px;margin-top:13px}.track-buttons button{width:25px;height:19px;font:8px var(--mono);background:#d5dccb;color:#7d8b6c;border-radius:3px}.track-buttons button.active{background:#46583a;color:#e4edda}.track-buttons .arm-preview{margin-left:auto;width:19px;background:#e6d3bd;color:#9e7b51}.scene-column{background:#e7eadf}.scene-head{height:46px;font:8px var(--mono);letter-spacing:1px;color:#788969;display:flex;align-items:center;justify-content:center;border-top:3px solid #becba8}.scene-buttons{padding:9px 7px 0;display:flex;flex-direction:column;gap:7px}.scene-button{height:57px;background:#d4ddc6;text-align:left;border-radius:4px;color:#647850;padding:10px 9px;display:flex;align-items:center;gap:7px}.scene-button:hover{background:#c5d5b0}.scene-number{font:9px var(--mono)}.scene-copy{font-size:8px;flex:1}.scene-copy small{display:block;font:6px var(--mono);margin-top:4px;opacity:.65}.scene-play{font-size:9px}.master-mixer{padding:12px 9px;background:#dde5d3}.master-volume{width:100%;margin:12px 0 3px}.master-caption{font:7px var(--mono);color:#8c9a7e;line-height:1.6;margin-top:10px;text-align:center}.clip-editor{margin-top:20px;border:1px solid #343b32;border-radius:6px;overflow:hidden;background:#252b25;color:#c9d1bd;flex:1;display:flex;flex-direction:column;min-height:264px}.editor-top{height:47px;border-bottom:1px solid #3b4338;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.editor-top>div:first-child{display:flex;align-items:center;gap:8px;min-width:0}.editor-top strong{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-dot{height:7px;width:7px;border-radius:2px;background:#adc78c;flex-shrink:0}.editor-track{font:8px var(--mono);color:#7b896e;padding-left:10px}.editor-settings{display:flex;align-items:center;gap:23px;font:7px var(--mono);color:#73816b;flex-shrink:0}.editor-settings b{font-size:8px;font-weight:400;color:#bcc8af;margin-left:5px}.editor-settings .plain-button{font-size:9px;color:#94a287}.editor-settings .plain-button:hover{color:#d7eac6}.editor-content{padding:10px 16px 8px;overflow:auto;flex:1;min-height:183px}.piano-roll{display:grid;grid-template-columns:43px repeat(16,minmax(15px,1fr));gap:1px;min-width:490px;position:relative}.beat-label{font:7px var(--mono);height:19px;display:grid;place-items:center;color:#7c8b6e}.beat-label.bar-start{color:#c3d5af}.pitch-label{font:7px var(--mono);text-align:left;color:#7c8b6e;background:#2c342b;display:flex;align-items:center;padding:0 6px}.pitch-label.black-key{background:#20271f;color:#a1ad93}.note-cell{position:relative;height:11px;border-radius:1px;background:#30382d;padding:0;transition:background .1s}.note-cell.bar-start{border-left:1px solid #60704d;background:#35402f}.note-cell:nth-child(34n){background:#343d2f}.note-cell:hover{background:#60734d}.note-cell.on{background:var(--track-color);box-shadow:inset 0 -2px 0 #0002}.note-cell.current-step{box-shadow:inset 0 0 0 1px #d8ed7870}.note-cell.on.current-step{filter:brightness(1.2)}.drum-roll .note-cell{height:39px}.drum-roll .pitch-label{font-size:9px}.editor-bottom{display:flex;justify-content:space-between;gap:12px;padding:11px 16px;background:#222721;border-top:1px solid #343c30;font:7px var(--mono);color:#728169}.empty-editor{display:flex;align-items:center;justify-content:center;flex-direction:column;height:165px;gap:13px;color:#95a486;font-size:11px}.empty-editor button{background:#d4e58e;color:#394529;padding:9px 14px;border-radius:4px;font-size:10px}.audio-card{display:flex;align-items:center;gap:20px;height:165px}.audio-wave{flex:1;display:flex;align-items:center;justify-content:center;gap:2px;height:100px;overflow:hidden}.audio-wave i{width:3px;background:#a8bcce;border-radius:1px}.audio-description{font-size:12px;line-height:1.8;flex:1}.audio-description small{display:block;color:#809274;font:8px var(--mono)}.statusbar{height:34px;border-top:1px solid #d3d8ca;background:#eef0e6;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:8px var(--mono);color:#8a957f}.statusbar>span{display:flex;align-items:center;gap:7px}.statusbar>div{display:flex;align-items:center;gap:21px}.statusbar kbd{font:7px var(--mono);border:1px solid #d5dccb;padding:2px 4px;border-radius:2px;margin-right:5px;color:#6d7d5e}.privacy-note{color:#a1ab96}.sequencer-mode .session-view{display:none}.sequencer-mode .clip-editor{margin-top:0;min-height:560px}.sequencer-mode .note-cell{height:28px}.sequencer-mode .drum-roll .note-cell{height:100px}.sequencer-mode .editor-content{padding-top:35px}.sequencer-mode .beat-label{height:30px}.sequencer-mode .audio-card{height:350px}#toast{position:fixed;bottom:52px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#303c29;color:#edf5df;padding:12px 20px;border-radius:6px;box-shadow:0 7px 30px #0002;font-size:12px;transition:opacity .2s,transform .2s;max-width:90vw;z-index:10}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.main-panel{padding:0 38px 30px}.browser-panel{width:245px;padding:25px}.clip-cell,.scene-button{height:73px}.mixer{padding:18px}.clip-editor{min-height:320px}.note-cell{height:15px}.drum-roll .note-cell{height:55px}.topbar,.transport{padding-left:35px;padding-right:35px}.session-toolbar{height:85px}}
@media(max-width:1080px){.topbar{gap:20px;padding:0 18px}.brand-sub,#save-status,.quantization,.session-summary{display:none}.browser-panel{width:175px;padding:20px 12px}.main-panel{padding:0 14px 18px}.transport{padding:0 18px}.editor-settings{gap:10px}.editor-track{display:none}.privacy-note{display:none}}
@media(max-width:760px){.topbar{height:64px;gap:14px;padding:0 13px}.brand{font-size:24px;gap:7px}.brand-mark{transform:scale(.8);width:24px}.project-heading{min-width:0;gap:4px}#project-name{width:100%;font-size:10px}.project-dot{display:none}.project-actions{gap:5px}.project-actions .plain-button{font-size:9px}.save-button{font-size:0;padding:8px 11px}.save-button span{font-size:18px;margin:0}.transport{height:57px;gap:8px;padding:0 12px}.transport-main{gap:6px}.transport-divider{margin:0 2px}.transport-right{gap:2px}.time-signature,.audio-status{display:none}.position{font-size:9px;gap:6px;letter-spacing:0}.tempo-field input{font-size:13px;width:34px}.tempo-field span{font-size:8px}.browser-panel{display:none}.workspace{min-height:610px}.main-panel{padding:0 10px 13px}.session-toolbar{height:55px;gap:5px}.view-tab{padding:7px 9px}.compact{font-size:9px}.clip-editor{margin-top:13px}.editor-top{padding:0 10px;height:43px}.editor-settings>span:first-child{display:none}.editor-settings{gap:5px}.editor-content{padding:10px 8px}.editor-bottom{padding:10px;font-size:6px}.statusbar{padding:0 10px;font-size:7px;min-height:32px;height:auto}.statusbar>div{display:none}.sequencer-mode .clip-editor{min-height:550px}.clip-title{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

[hidden]{display:none!important}
.record-button{width:34px;height:34px;border-radius:4px;background:#e7dfd4;color:#bd6759;font-size:19px;flex-shrink:0}.record-button:hover{background:#e9cec5}.record-button.recording{background:#c75349;color:#fff0e7;box-shadow:0 0 0 3px #c7534920}.back-arrangement{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:4px;background:#e0e5d7;color:#728461;font-size:13px}.back-arrangement span{font:8px var(--mono)}.back-arrangement.overridden{background:#e6d19d;color:#796129}.playback-source{font:7px var(--mono);letter-spacing:1px;color:#8c9980;margin-left:auto}.is-recording .playback-source{color:#b55b4d}.is-recording .live-dot{background:#c65b50;box-shadow:0 0 0 4px #c65b5020}.arrangement-view{background:#e7eade;border:1px solid #cad3bd;border-radius:6px;overflow:hidden}.arrangement-toolbar{display:flex;align-items:center;gap:17px;min-height:67px;padding:12px 15px;border-bottom:1px solid #cdd5c0;background:#eef1e7}.arrangement-title{display:flex;flex-direction:column;gap:5px;flex-shrink:0}.arrangement-title strong{font-size:16px;font-weight:500;letter-spacing:-.4px}.arrangement-title .eyebrow{font-size:6px}.arrangement-toolbar label{font:7px var(--mono);color:#849375;display:flex;align-items:center;gap:6px}.arrangement-toolbar select,.arrangement-toolbar input{background:#e1e7d6;color:#607250;border:1px solid #ccd6bd;border-radius:3px;font:9px var(--mono);padding:6px}.arrangement-toolbar select{max-width:78px}.arrangement-toolbar input{width:47px;text-align:center}.insert-arrangement{border-radius:4px;background:#3e5134;color:#e8f0df;padding:9px 11px;font-size:10px;margin-left:auto;white-space:nowrap}.insert-arrangement:hover{background:#536e43}.arrangement-scroll{max-height:465px;overflow:auto;position:relative}.arrangement-grid{position:relative;min-height:417px;--bar-width:96px;--lane-width:1536px}.timeline-row{display:flex;height:76px;border-bottom:1px solid #d2dac7}.timeline-ruler{height:36px;position:sticky;top:0;z-index:5}.timeline-label{width:142px;flex-shrink:0;position:sticky;background:#e5eadc;z-index:4;display:flex;align-items:center;gap:10px;padding:0 12px;border-right:1px solid #c4cfb7;box-shadow:3px 0 5px #64784f09}.timeline-label:before{content:'';position:absolute;left:0;top:11px;bottom:11px;width:3px;background:var(--track-color,#b2c298)}.timeline-ruler .timeline-label{background:#e0e7d4;font:7px var(--mono);letter-spacing:1px;color:#7e8f6c}.timeline-track-index{font:8px var(--mono);color:#9ba88e}.timeline-label strong{font-size:11px;font-weight:500;display:block}.timeline-label small{font:6px var(--mono);color:#8e9e7d;margin-top:5px;display:block}.timeline-signal{height:25px;width:3px;background:#cfdbc3;margin-left:auto;position:relative}.timeline-signal i{position:absolute;bottom:0;width:100%;height:var(--level,0%);background:#8ca765}.timeline-scale{display:flex;width:var(--lane-width);background:#e0e7d4}.ruler-bar{width:var(--bar-width);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font:8px var(--mono);color:#8d9b7b;background:transparent;border-left:1px solid #c7d1ba}.ruler-bar.phrase-start{color:#566e40}.ruler-bar:hover{background:#d0dec0}.ruler-bar i{height:5px;width:1px;background:#c1cdb3}.timeline-lane{width:var(--lane-width);flex-shrink:0;position:relative;background-color:#e8ecdf;background-image:linear-gradient(to right,#c7d1ba 1px,transparent 1px),linear-gradient(to right,#d8dfcd 1px,transparent 1px);background-size:var(--bar-width) 100%,calc(var(--bar-width)/4) 100%}.timeline-row:nth-child(odd) .timeline-lane{background-color:#e3e8da}.timeline-clip{position:absolute;top:12px;height:52px;border:1px solid color-mix(in srgb,var(--track-color) 65%,#657950);border-radius:3px;background:color-mix(in srgb,var(--track-color) 63%,#f1f4e9);cursor:grab;overflow:hidden;user-select:none;touch-action:none;min-width:3px}.timeline-clip:hover{filter:brightness(1.04)}.timeline-clip.selected{border-color:#46563a;box-shadow:0 0 0 1px #46563a;z-index:2}.timeline-clip.dragging{opacity:.65;cursor:grabbing}.timeline-clip-title{font-size:9px;white-space:nowrap;padding:7px 9px;border-bottom:1px solid #52694415;overflow:hidden;text-overflow:ellipsis;height:25px}.timeline-notes{display:flex;align-items:flex-end;height:15px;gap:3px;margin:5px 9px;opacity:.35}.timeline-notes i{flex:1;background:#4a6138;min-width:1px}.resize-handle{position:absolute;right:0;top:0;bottom:0;width:10px;cursor:ew-resize;background:linear-gradient(90deg,transparent,#0000000c)}.resize-handle:after{content:'';width:2px;height:13px;border-left:1px solid #3a542b50;border-right:1px solid #3a542b50;position:absolute;right:3px;top:19px}.timeline-playhead,.timeline-cursor{position:absolute;top:0;bottom:0;pointer-events:none;z-index:3}.timeline-playhead{width:1px;background:#586e43;box-shadow:1px 0 0 #fff9}.timeline-playhead span{position:absolute;top:0;left:-4px;width:9px;height:9px;background:#586e43;clip-path:polygon(0 0,100% 0,50% 100%)}.timeline-cursor{width:1px;border-left:1px dashed #879c6d;z-index:2}.arrangement-inspector{min-height:49px;background:#e0e7d4;padding:8px 13px;display:flex;align-items:center;gap:15px;border-top:1px solid #c9d3bb}.arrangement-inspector>span{font-size:9px;color:#708561;margin-right:auto;min-width:70px;max-width:260px}.arrangement-inspector label{font:6px var(--mono);display:flex;align-items:center;gap:5px;color:#8b9a7b;white-space:nowrap}.arrangement-inspector input{width:65px;border:1px solid #cbd7bc;background:#eaf0e1;padding:5px;color:#5b714a;font:9px var(--mono);border-radius:3px}.arrangement-inspector .plain-button{font-size:9px;white-space:nowrap}.arrangement-help{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 13px;font:6px var(--mono);color:#8c9d7b;background:#e7ecdf}.arrangement-help>span:last-child{white-space:nowrap}.arrangement-mode .clip-editor{min-height:232px;margin-top:16px}.arrangement-mode .clip-editor .note-cell{height:11px}.arrangement-mode .clip-editor .drum-roll .note-cell{height:34px}
@media(max-width:1080px){.arrangement-toolbar{gap:10px}.arrangement-title .eyebrow{display:none}.arrangement-title strong{font-size:13px}.insert-arrangement{font-size:9px;padding:8px}.arrangement-inspector{gap:9px}.playback-source{display:none}.arrangement-inspector>span{font-size:8px;max-width:175px}}
@media(max-width:760px){.record-button{width:27px;height:30px;font-size:17px}.transport-main{gap:4px}.back-arrangement{padding:6px;font-size:12px}.back-arrangement span,.transport-divider{display:none}.transport-right .icon-button{width:22px;font-size:17px}.transport .play-button{width:32px}.transport .stop-button{width:27px}.session-toolbar{flex-wrap:wrap;min-height:64px;height:auto;padding:10px 0}.view-tab{padding:7px 8px}.view-tab span{font-size:9px}.session-toolbar .compact{padding:5px;font-size:8px}.arrangement-toolbar{flex-wrap:wrap;padding:11px;gap:12px;justify-content:space-between}.arrangement-title strong{font-size:15px}.insert-arrangement{margin-left:0}.arrangement-toolbar label{font-size:6px}.arrangement-toolbar select{padding:5px}.arrangement-inspector{flex-wrap:wrap;gap:8px;padding:10px}.arrangement-inspector>span{min-width:100%;max-width:none;margin:0}.arrangement-inspector input{width:56px}.arrangement-inspector label{font-size:6px}.arrangement-inspector .plain-button{font-size:8px;padding:5px 3px}.arrangement-help{font-size:6px;line-height:1.6}.arrangement-help>span:last-child{display:none}}

/* Arrangement follows the supplied Live reference: neutral chrome, colored material and a right track strip. */

.timeline-row{flex-direction:row-reverse}.timeline-label{left:auto;right:0}.timeline-waveform{display:block;width:100%;height:30px;color:#142326;opacity:.9}.timeline-midi{display:block;color:#253329;fill:currentColor;opacity:.7;padding:3px 0}.timeline-missing-audio{display:block;font:7px var(--mono);color:#424d42;padding:7px 5px}.arrangement-ui{background:#3e4041;color:#dedfdd}.arrangement-ui .studio{background:#404243}.arrangement-ui .topbar{background:#343638;border-color:#27292a}.arrangement-ui .brand,.arrangement-ui #project-name{color:#ecede9}.arrangement-ui .brand-mark i{background:#d5d9d1}.arrangement-ui .project-dot{background:#afb893}.arrangement-ui #save-status{color:#9ca29a;border-color:#515555}.arrangement-ui .plain-button{color:#b8bfb3}.arrangement-ui .plain-button:hover{color:#eef4e5}.arrangement-ui .save-button{background:#666e58;color:#f2f5e9}.arrangement-ui .transport{background:#393c3d;border-color:#242728}.arrangement-ui .tempo-field input,.arrangement-ui .position{color:#d3d7cd}.arrangement-ui .tempo-field span,.arrangement-ui .audio-status{color:#959f8c}.arrangement-ui .time-signature,.arrangement-ui .stop-button{background:#4e5352;color:#e0e5da}.arrangement-ui .transport-divider{border-color:#555b56}.arrangement-ui .record-button{background:#50524f;color:#e18f7d}.arrangement-ui .record-button.recording{background:#bf5549;color:#ffe5df}.arrangement-ui .icon-button{color:#a6aea0}.arrangement-ui .icon-button:hover{background:#52594c}.arrangement-ui .back-arrangement{background:#4e5548;color:#b4c1a4}.arrangement-ui .back-arrangement.overridden{background:#bb963f;color:#20251b}.arrangement-ui .browser-panel{background:#414546;border-color:#292d2c}.arrangement-ui .search-box{background:#363b3b;border-color:#586052}.arrangement-ui .search-box input{color:#d1d9c7}.arrangement-ui .sound-item{color:#c9d0c1}.arrangement-ui .sound-item:hover,.arrangement-ui .sound-item.active{background:#535c4d;color:#e4ebdb}.arrangement-ui .sound-copy small{color:#a1ae94}.arrangement-ui .browser-link,.arrangement-ui .browser-footer{color:#a7b19e}.arrangement-ui .browser-footer{border-color:#555e50}.arrangement-ui .main-panel{background:#414344}.arrangement-ui .view-tabs{background:#333736}.arrangement-ui .view-tab{color:#9aa491}.arrangement-ui .view-tab.active{background:#69755a;color:#e7efde}.arrangement-ui .playback-source{color:#aab69b}.arrangement-ui .session-summary{color:#8f9987}.arrangement-ui .arrangement-view{background:#414446;border-color:#292d2c;border-radius:3px}.arrangement-ui .arrangement-toolbar{background:#414646;border-color:#272c2b}.arrangement-ui .arrangement-title strong{color:#d9e2d0}.arrangement-ui .arrangement-title .eyebrow,.arrangement-ui .arrangement-toolbar label{color:#a3af96}.arrangement-ui .arrangement-toolbar select,.arrangement-ui .arrangement-toolbar input{background:#353b38;color:#c5d2b5;border-color:#5a644f}.arrangement-ui .insert-arrangement{background:#7d8a61;color:#141e0e}.arrangement-ui .timeline-label{background:#4a5050;color:#e4e9de;border-color:#262e29;box-shadow:-3px 0 4px #0001}.arrangement-ui .timeline-label:before{left:0;top:0;bottom:0;width:5px}.arrangement-ui .timeline-label strong{font-size:12px}.arrangement-ui .timeline-label small{color:#aeb8a2}.arrangement-ui .timeline-track-index{color:#abb79d}.arrangement-ui .timeline-ruler .timeline-label{background:#363e38;color:#b8c5aa}.arrangement-ui .timeline-scale{background:#393e3c}.arrangement-ui .ruler-bar{border-color:#252c26;color:#aebda0}.arrangement-ui .ruler-bar.phrase-start{color:#d6e2c7}.arrangement-ui .ruler-bar:hover{background:#4d5945}.arrangement-ui .ruler-bar i{background:#606b57}.arrangement-ui .timeline-row{border-color:#282e29;height:80px}.arrangement-ui .timeline-ruler{height:36px}.arrangement-ui .timeline-lane{background-color:#515657;background-image:linear-gradient(to right,#303733 1px,transparent 1px),linear-gradient(to right,#454d46 1px,transparent 1px)}.arrangement-ui .timeline-row:nth-child(odd) .timeline-lane{background-color:#4d5354}.arrangement-ui .timeline-clip{top:5px;height:70px;border-radius:1px;background:var(--track-color);border-color:#293b2b;color:#1b2e21}.arrangement-ui .timeline-clip.selected{border-color:#d4e3ba;box-shadow:0 0 0 1px #d4e3ba}.arrangement-ui .timeline-clip-title{height:20px;padding:4px 6px;font-size:9px;background:#ffffff12}.arrangement-ui .timeline-waveform{height:43px}.arrangement-ui .timeline-midi{height:43px;padding-top:6px}.arrangement-ui .resize-handle{width:10px}.arrangement-ui .timeline-signal{background:#334230}.arrangement-ui .timeline-signal i{background:#b4ca85}.arrangement-ui .timeline-playhead{background:#e3ebd4;box-shadow:none}.arrangement-ui .timeline-playhead span{background:#e3ebd4}.arrangement-ui .timeline-cursor{border-color:#e3d297}.arrangement-ui .arrangement-inspector{background:#3c4440;border-color:#2d362d}.arrangement-ui .arrangement-inspector>span{color:#c5d1b8}.arrangement-ui .arrangement-inspector label{color:#a8b499}.arrangement-ui .arrangement-inspector input{background:#313a31;border-color:#5b6950;color:#d4e0c5}.arrangement-ui .arrangement-help{background:#3f4841;color:#9baa90}.arrangement-ui .clip-editor{background:#343a36;border-color:#262e27}.arrangement-ui .editor-top{border-color:#4e5949}.arrangement-ui .statusbar{background:#363d36;border-color:#2a3029;color:#a7b497}.arrangement-ui .statusbar kbd{border-color:#5c6a4e;color:#b7c7a6}

.studio-wave-library { width: min(560px, calc(100vw - 40px)); max-height: 75vh; overflow: auto; padding: 22px; border: 1px solid #666; border-radius: 12px; background: #292b30; color: #eee; }
.studio-wave-library::backdrop { background: #0008; }
.studio-wave-library h2 { font-size: 16px; margin: 0 0 12px; }
.studio-wave-library p { font-size: 12px; color: #ccc; }
.studio-wave-library ul { list-style: none; padding: 0; margin: 16px 0; }
.studio-wave-library li { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid #ffffff16; }
.studio-wave-library li span { overflow-wrap: anywhere; font-size: 12px; }
.studio-wave-library button { padding: 6px 12px; border: 1px solid #666; border-radius: 6px; background: #3a3d44; color: #eee; cursor: pointer; }
.studio-wave-library button:disabled { opacity: .5; cursor: default; }
.studio-wave-library-actions { display: flex; justify-content: flex-end; gap: 8px; }