/* Renegade Beat Studio Build 8 — authentic DAW-inspired visual system.
 * Original artwork/CSS; no FL Studio logo, icons or proprietary assets. */
:root{
 --b8-bg:#252a2b;--b8-top:#393d3d;--b8-toolbar:#454c4a;--b8-panel:#343a3b;
 --b8-border:#151b1d;--b8-line:#59625e;--b8-text:#d3d9d4;--b8-muted:#a8b3ad;
 --b8-orange:#efa455;--b8-green:#95c883;--b8-lime:#9acf77;
}
body{font-family:'Segoe UI',Tahoma,Verdana,sans-serif}
.studio.build8{width:98.2vw;height:96vh;left:.9vw;top:2vh;min-width:930px;min-height:575px;
 color:var(--b8-text);border:1px solid #5c6765;background:#252a2a;border-radius:2px;
 box-shadow:0 16px 74px #000d,0 0 0 1px #000b}
.build8 button{border-radius:2px;background:linear-gradient(#545c59,#414947);border:1px solid #606d67;
 box-shadow:inset 0 1px #ffffff17,0 1px #101715;color:#d6e0d8;font-weight:500;
 text-shadow:0 1px #0006}
.build8 button:hover{background:linear-gradient(#626d65,#4d594e);border-color:#93a492;color:#fff}
.build8 button:focus-visible,.build8 input:focus-visible{outline:1px solid #ffa95c;outline-offset:-1px}
.build8 input,.build8 select{color:#d7e5d8;background:#252e2d;border:1px solid #66736e;box-shadow:inset 0 1px 3px #0004}
.build8 label{color:#afbdb0;letter-spacing:.35px;font-size:9px}
.build8 input[type=range]{accent-color:#9fca70}
/* Main operating-system styled window chrome. */
.build8 .titlebar{height:27px;background:linear-gradient(#4a5250,#323a38);border-bottom:1px solid #151a1a;padding:0 6px;gap:8px}
.build8 .brand{font-size:10px;letter-spacing:.45px;gap:6px;color:#e6eee1}
.build8 .brand-icon{height:19px;width:19px;font-size:13px;background:linear-gradient(140deg,#ffa853,#cb742d);border:1px solid #ffb66c;color:#19231c;box-shadow:inset 0 0 0 1px #f1c48f55}
.build8 .brand small{font-size:8px;letter-spacing:.6px;padding-top:1px;color:#bac2b5}
.build8 .title-project{font-size:9px;letter-spacing:.9px;margin-left:8px;color:#aeb9ae}
.build8 .title-build{color:#e4ad76;font-size:9px;letter-spacing:.6px}
.build8 #status{font-family:Consolas,monospace;color:#a4d88c!important;letter-spacing:.3px!important;font-size:9px!important}
.build8 .win-actions button{min-width:25px;height:20px;padding:1px 5px;background:linear-gradient(#4a5251,#3c4644)}
/* Menu and quick-access strip mirrors a densely populated DAW toolbar. */
.build8 .menubar{height:27px;padding:0 6px;gap:5px;background:linear-gradient(#383e3d,#303736);border-bottom:1px solid #596461}
.build8 .menu-left{gap:0;flex:1;min-width:0;white-space:nowrap}
.build8 .menubar .menu-left>button{border:1px solid transparent;background:transparent;box-shadow:none;color:#ced4cf;padding:4px 7px;font-size:10px;font-weight:400;text-shadow:none}
.build8 .menubar .menu-left>button:hover{background:#505b55;border-color:#697a70;color:#f6f5ea}
.build8 #saveBtn,.build8 #openBtn,.build8 #uploadBtn{font-size:9px!important;color:#c8e1b4!important}
.build8 .b8-menubar-quick{display:flex;align-items:center;gap:2px;border-left:1px solid #68736b;padding-left:6px;margin-left:auto;flex:0 0 auto}
.build8 .b8-menubar-quick button{height:22px;min-width:25px;padding:1px 5px;font-size:13px;line-height:15px;color:#ced8cd}
.build8 #b8QuickSave{color:#c5eb99}.build8 #b8QuickUndo{color:#f1b16a}
.build8 #characterBadge{font-size:8px;letter-spacing:.3px;color:#a6b8a9;margin:0 4px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Two-tone song/pattern selector, LED clock, instrument controls. */
.build8 .transport{height:60px;gap:10px;padding:4px 9px;background:linear-gradient(#4d5551,#39413f);
 border-top:1px solid #626e66;border-bottom:2px solid #161d1c}
.build8 .transport-kicker{font-size:8px;letter-spacing:.2px;color:#e2ad74;writing-mode:horizontal-tb;transform:none;width:43px;height:auto;line-height:1.15;text-align:left}
.build8 .transport-buttons{gap:2px}
.build8 .transport-buttons button{height:34px;min-width:34px;border:1px solid #728174;font-weight:700;font-size:15px;padding:3px 7px}
.build8 #playBtn{color:#213321;background:linear-gradient(#cbe59c,#8eba6b);border-color:#c0db91;box-shadow:0 0 0 1px #435342}
.build8 #stopBtn{color:#e9eada}.build8 #exportBtn{font-size:10px;min-width:55px;color:#e5c28f}
.build8 .songmode{margin-left:0;order:-1;background:#303b34;border:1px solid #626f63;padding:4px 5px;gap:2px}
.build8 .songmode span{display:none}.build8 .songmode button{min-width:38px;font-size:10px;padding:7px 5px}
.build8 .songmode button.active{background:linear-gradient(#c79550,#b47930);border-color:#ecbe80;color:#1b231c;text-shadow:none}
.build8 .tempo input[type=number]{width:62px;height:31px;font:700 17px Consolas,monospace;color:#e7c38b;text-align:center;border-radius:2px}
.build8 .tempo label{font-size:8px;letter-spacing:.6px}
.build8 .tempo input[type=range]{width:90px}.build8 .groove-control input[type=range]{width:66px}
.build8 #metronomeBtn{padding:6px 8px;font-size:9px}
.build8 .transport-clock{display:flex;align-items:center;gap:8px;margin-left:auto;position:relative;padding-left:8px;border-left:1px solid #707b70}
.build8 .clock-label{font-size:8px;color:#a6bda6;letter-spacing:.3px}
.build8 .transport-time{font:700 21px Consolas,monospace;letter-spacing:1px;border-color:#647c65;color:#c6e99c;
 background:linear-gradient(#1c2925,#142019);min-width:130px;text-align:center;padding:4px 9px;box-shadow:inset 0 1px 9px #0009}
.build8 .b8-transport-pulse{position:absolute;left:11px;bottom:-3px;font-size:9px;color:#586e58}
.build8 .b8-transport-pulse.running{color:#c4ed85;text-shadow:0 0 8px #b4ef75}
/* Deep browser tree with section buttons and slim side navigation. */
.build8 .workspace{background:#252c2c}
.build8 .browser{width:202px;min-width:202px;background:#343c3a;border-right:2px solid #161e1d}
.build8 .browser .panel-head{height:27px;background:linear-gradient(#505956,#3b4442);font-size:10px;letter-spacing:.35px;color:#e6e7d8}
.build8 .browser-location{height:26px;background:#313a37;border-bottom:1px solid #627066;font-size:9px;color:#c1d3c0}
.build8 .b8-browser-sections{display:flex;gap:2px;padding:6px 5px 0;background:#333d39}
.build8 .b8-browser-sections button{flex:1;height:24px;padding:1px 3px;font-size:9px;color:#b4bfaf;background:#3c4742}
.build8 .b8-browser-sections button.active{background:#52624f;border-color:#b69a69;color:#ffce8a}
.build8 .browser .search{height:25px;margin:6px 6px 5px;width:calc(100% - 12px);font-size:10px}
.build8 .browser .tabbar{padding:0 5px 5px}.build8 .browser .tabbar button{font-size:9px;padding:4px 2px}
.build8 .sampletree{padding:3px 4px;scrollbar-color:#68766b #2d3732;scrollbar-width:thin}
.build8 .kit-title{font-size:10px;color:#bcd7aa;padding:6px 4px 5px;background:linear-gradient(90deg,#3e4c42,transparent);border-top:1px solid #52624b;letter-spacing:.1px}
.build8 .sample-item{font-size:10px;min-height:23px;padding:4px 6px;color:#bacabc;border-bottom:1px solid #e8ffe506}
.build8 .sample-item:hover{background:#52604e;color:#ebf7df}
.build8 .play-preview{color:#a6d785!important}
.build8 .panel-foot{background:#303a35;border-top:1px solid #59665c}
/* Central workspace: FL-style dark canvas and compact project controls. */
.build8 .workarea{padding:5px;gap:0;background:repeating-linear-gradient(to bottom,#29312f 0,#29312f 31px,#252d2b 32px,#252d2b 63px)}
.build8 .project-strip{height:31px;min-height:31px;margin:0;padding:3px 7px;background:linear-gradient(#525d52,#3f4941);border:1px solid #697469;gap:5px}
.build8 .project-strip button{font-size:9px;padding:3px 6px}
.build8 #projectName{font-size:11px;color:#e4eedf;width:175px;border-bottom:1px solid #879780}
.build8 #currentPatternLabel{font-size:9px;color:#d8eaa0}
.build8 #patternSelect{height:24px;min-width:105px;font-size:10px}
.build8 .daw-layout-toolbar{height:33px;min-height:33px;margin:3px 0;background:linear-gradient(#4c5651,#3c4742);border:1px solid #65746a;padding:2px 6px;gap:3px}
.build8 .daw-layout-label{font-size:8px;color:#c7ccb9}
.build8 .daw-layout-toolbar button{height:24px;font-size:9px;padding:3px 7px;border-radius:2px;color:#cbdad0}
.build8 .daw-layout-toolbar .daw-active{background:linear-gradient(#756b50,#5b543f)!important;border-color:#d39f69!important;color:#f6d19f!important}
.build8 .daw-layout-toolbar button small{font-size:8px;color:#c6cabb}
.build8 .daw-layout-tip{color:#b5c3b1;font-size:8px}
/* Window design: sharp inset edges, subdued headers and real maximize controls. */
.build8 .workarea>.upper-panels>.panel,.build8 .workarea>.panel{
 background:#303838;border:1px solid #727e73;border-top-color:#97a99b;border-left-color:#859386;
 box-shadow:0 7px 19px #0009,0 0 0 1px #15201d;resize:both;border-radius:0;min-height:145px;min-width:270px;overflow:hidden}
.build8 .workarea .panel-head{height:25px;min-height:25px;cursor:move;padding:3px 5px 3px 7px;
 color:#e5ebe0;border-bottom:1px solid #101817;background:linear-gradient(#5d6760,#424f49);font-size:10px;letter-spacing:.1px;text-shadow:0 1px #152018}
.build8 .workarea .panel-head .head-symbol{font-size:12px;color:#eeb16b;margin-right:4px}
.build8 .workarea .panel-head>span:not(.head-symbol){font-size:9px;color:#ccd8c5}
.build8 .workarea .panel-head::after{display:none}
.build8 .panel-window-actions{display:flex;gap:2px;align-items:center;margin-left:auto}
.build8 .panel-window-actions button{width:19px;min-width:19px;height:17px;padding:0;color:#e2e8dc;line-height:12px;font-size:13px;border:1px solid #87938a;background:linear-gradient(#526057,#38483e)}
.build8 .panel-window-actions button:hover{background:#778a72}
.build8 .workarea .panel.daw-focused{border-color:#e3af6f;box-shadow:0 9px 33px #000c,0 0 0 1px #a27d52}
/* Piano first; playlist behind, rack tucked in upper right, mixer toggle. */
.build8 .workarea>.upper-panels>.piano{left:7px;top:75px;width:calc(100% - 14px);height:calc(100% - 84px);z-index:4}
.build8 .workarea>.upper-panels>.rack{left:49%;top:119px;width:49%;height:230px;z-index:6}
.build8 .workarea>.playlist{left:25%;top:calc(100% - 205px);width:74%;height:197px;z-index:5}
.build8 .workarea>.mixer{left:18%;top:calc(100% - 340px);width:80%;height:328px;z-index:8;display:none}
.build8 .workarea .panel.b8-maximized{min-height:0!important;min-width:0!important;max-width:none!important;max-height:none!important;resize:none!important}
/* Piano Roll: narrow editor strip, ruled grid, bright green MIDI notes. */
.build8 .workarea .piano-tools{height:33px;min-height:33px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;flex-wrap:nowrap;padding:4px 5px;gap:3px;
 background:linear-gradient(#505b51,#3b473f);border-bottom:1px solid #819380;scrollbar-width:thin}
.build8 .piano-tools button{height:22px;font-size:9px;padding:2px 6px;border-color:#728071}
.build8 .b8-edit-mode{font-size:8px;letter-spacing:.5px;color:#e7b279;background:#313d34;padding:4px 5px;border:1px solid #576758}
.build8 #paintModeBtn.active{background:linear-gradient(#a6c973,#7da653);border-color:#c6e99e;color:#1c311d}
.build8 .piano-tools .kb-guide{font-size:8px!important;color:#bdd0ad!important}
.build8 .piano-tool-help{font-size:8px!important;color:#9fb09c!important}
.build8 .piano-top-ruler{height:25px;flex:0 0 25px;background:#465049;border-bottom:1px solid #879387}
.build8 .piano-ruler-corner{width:47px;min-width:47px;background:linear-gradient(#5b6559,#424f43);border-right:1px solid #222d25;color:#e1ba79}
.build8 .piano-ruler-beat{background:linear-gradient(90deg,#7b8b7b1b,transparent);border-left:1px solid #6f806f;color:#d5dbca;font:10px Consolas,monospace;padding-top:6px}
.build8 .piano-ruler-beat.piano-ruler-bar{color:#f5c987;border-left:2px solid #dca662;background:#566253}
.build8 .workarea .piano-scroll{background:#29342f;scrollbar-width:thin;scrollbar-color:#748377 #263126}
.build8 #pianoKeys{background:#4d594f;width:47px;min-width:47px;position:sticky;left:0;z-index:11}
.build8 .piano-key{height:16px;line-height:16px;padding-left:3px;font-size:8px;color:#4a5147;border-bottom:1px solid #a0a99c;
 background:linear-gradient(90deg,#e6e9dd,#c3cdbd);box-shadow:inset 0 1px #fff,inset -3px 0 #9eab9d}
.build8 .piano-key.black{background:linear-gradient(90deg,#242f2b,#404d42);border-bottom-color:#151e19;color:#dce9de;box-shadow:inset -3px 0 #171e19}
.build8 .piano-key.pressed{background:linear-gradient(#ffbe70,#f19849)!important;color:#212c22!important;box-shadow:inset 0 0 5px #ffdbad}
.build8 #pianoGridView{background:#29352f;min-width:700px}
.build8 .piano-cell{border-bottom:1px solid #3a4a3f;border-right:1px solid #48564b;background:#0000}
.build8 .piano-cell.dark-key-row{background:#1b281e40;border-bottom-color:#344137}
.build8 .piano-cell.root-key-row{border-bottom:1px solid #647a60}
.build8 .piano-cell.bar{border-right:1px solid #6e816f}
.build8 .piano-cell.measure-end{border-right:2px solid #839982}
.build8 .piano-cell:hover{background:#b4e18d25}
.build8 .note{height:13px;background:linear-gradient(#b0e47b,#7eaf5a);border:1px solid #d7f4a2;
 color:#253622;box-shadow:inset 0 1px #defab577,inset 0 -2px #4e824477,0 1px #0005;border-radius:1px}
.build8 .note.selected-note{background:linear-gradient(#e9edaa,#bad36b);outline:2px solid #f2b96d!important;filter:none}
.build8 #pianoGridView .piano-playback-line{background:#ffc06d;width:2px;box-shadow:0 0 6px 1px #ffc36fbb;z-index:12}
.build8 .piano-velocity{height:85px;flex:0 0 85px;background:#1f2c24;border-top:1px solid #758e72}
.build8 .velocity-label{width:47px;min-width:47px;background:#48564a;color:#d6ddc9;border-right:1px solid #101b16;font-size:9px}
.build8 .velocity-window{background:repeating-linear-gradient(to bottom,#415341 0,#415341 1px,#28352b 1px,#28352b 20px)}
.build8 .velocity-stem{background:linear-gradient(#c1e68a,#80a95b);border-color:#d0ec9a;min-width:5px}
.build8 .velocity-stem.selected{background:#f2ae69;border-color:#ffd09b}
/* Channel Rack compact FL-like channel chips and perfectly horizontal 64 step runway. */
.build8 .rack-top{height:28px;min-height:28px;background:#414d44;border-bottom:1px solid #657663}
.build8 .rack-controls{gap:4px;padding:3px 5px}.build8 .rack-controls button{font-size:9px;padding:2px 6px}
.build8 .rack-bottom{min-height:27px;padding:3px 6px;background:#3c493f}.build8 .rack-bottom small{font-size:8px;color:#b9c7b7}
.build8 #channelRows{background:#2d392f;overflow-x:auto;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#738875 #263326}
.build8 .track-row{height:29px;padding:3px 5px;gap:4px;background:#3a453e;border-bottom:1px solid #253128;width:max-content;min-width:100%}
.build8 .track-row:nth-child(even){background:#343e37}
.build8 .track-row.active{background:#4d604b}
.build8 .track-row .track-name{width:112px;min-width:112px;font-size:10px;padding:3px 5px;
 background:linear-gradient(90deg,#4c704b,#425c43)!important;color:#e8f4e0!important;border:1px solid #5e8c5e;text-align:left}
.build8 .track-row .track-name.synth{background:linear-gradient(#776c51,#65583f)!important;color:#f6dec0!important;border-color:#8a7451}
.build8 .track-vol{width:45px!important}
.build8 #channelRows .steps{grid-template-columns:repeat(var(--rack-step-count,16),21px);grid-template-rows:18px!important;grid-auto-flow:column;gap:3px;min-width:0;width:max-content}
.build8 .track-row .steps .step{width:21px;height:18px!important;min-height:18px!important;padding:0;border:1px solid #68786d;
 background:linear-gradient(#555e56,#414d45);border-radius:2px}
.build8 .track-row .steps .step:nth-child(4n+1):not(.on){background:linear-gradient(#636f65,#4c584f)}
.build8 .track-row .steps .step.on{background:linear-gradient(#ffd098,#e69e55);border-color:#ffd199;box-shadow:inset 0 1px #fff4,0 0 2px #ffad55aa}
.build8 .track-row .steps .step.playhead{outline:2px solid #bee78c;outline-offset:0}
/* Playlist tracks: tighter ruler and readable contrasting clips. */
.build8 .playlist-tools{background:#3e4c43;padding:3px 5px;gap:4px}
.build8 .playlist-tools button{font-size:9px;padding:2px 5px}.build8 .playlist-tools span{font-size:8px;color:#c4cabe}
.build8 .timeline{height:20px;min-height:20px;color:#becbbf;background:#303d34;font-size:9px;border-bottom:1px solid #637a64}
.build8 .playlist-row{height:33px;border-bottom:1px solid #556955}
.build8 .playlist-label{background:linear-gradient(#4b5c4c,#3c4d40);border-right:2px solid #203224;color:#d6e8d2;width:178px;padding:3px 5px}
.build8 .clip-cell{background:#293a30;border-right:1px solid #4d604f;padding:3px}
.build8 .clip-cell:nth-child(even){background:#304036}
.build8 .clip-cell:hover{background:#475b46}
.build8 .clip{font-size:9px;border-radius:1px;padding:3px;color:#fff9e8;box-shadow:inset 0 1px #ffffff27,0 1px 2px #0008}
/* Mixer: narrow strips, taller meters and control rows. */
.build8 .mixer #mixerTracks{background:#293431;padding:4px 5px;gap:1px;scrollbar-color:#5c6b60 #232c28}
.build8 .mixer-channel{background:linear-gradient(#3c4841,#2c3830);border:1px solid #58685b;min-width:102px;width:102px;padding:5px 4px;gap:4px}
.build8 .mixer-channel span{color:#e2e9de;font-size:9px}
.build8 .mixer-channel .meter-wrap{border:1px solid #68846b;background:#142017}
.build8 .mixer-channel input[type=range]{accent-color:#a8cf70}
.build8 .mixer-channel button{font-size:8px;padding:2px 4px}
.build8 .statusbar{height:21px;background:linear-gradient(#424e45,#333e37);border-top:1px solid #7c8879;font-size:9px;color:#c2d3bb;letter-spacing:0}
.build8 .b8-cpu-indicator{color:#c7ef9b;font:9px Consolas,monospace;white-space:nowrap}
.build8 .modal-window{background:#313c35;border:1px solid #a0b09c}
@media(max-width:1380px){
 .build8 .b8-menubar-quick{gap:1px}.build8 .b8-menubar-quick button{min-width:22px;padding:1px 3px}
 .build8 .transport{gap:7px}.build8 .browser{width:180px;min-width:180px}
 .build8 .groove-control{display:none}.build8 .daw-layout-tip{display:none}
}
@media(max-width:1120px){
 .build8 .transport{gap:4px}.build8 #characterBadge{max-width:100px}
 .build8 .title-project{display:none}.build8 .transport-kicker{display:none}
 .build8 .tempo input[type=range]{width:63px}
 .build8 .workarea>.upper-panels>.rack{left:44%;width:54%}
}

/* Renegade Beat Studio Build 8.1 — FL-inspired vertical mixing console.
   Visual arrangement based on user's reference; controls remain native WebAudio. */
.build8 .workarea>.mixer{
  left:5%;top:17%;width:93%;height:76%;min-height:365px;z-index:8;
  background:#313c49;border:1px solid #8392a2;box-shadow:0 14px 45px #000b;
}
.build8 .mixer .panel-head{background:linear-gradient(#566471,#343f4d);color:#ebf0ed}
.build8 #mixerWorkspace{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden;background:#252f3a}
.build8 .mixer #mixerTracks{
  display:flex;flex:1;min-width:0;min-height:0;height:100%;overflow-x:auto;overflow-y:hidden;
  padding:0;gap:0;background:#273443;border-right:2px solid #131c27;
  scrollbar-width:thin;scrollbar-color:#72899e #1e2a37;align-items:stretch;
}
.build8 .mixer .rbs-mix-strip{
  --strip-top:#344353;--strip-bottom:#222d3b;--strip-edge:#465568;
  display:flex;flex-direction:column;align-items:center;position:relative;flex:0 0 73px;
  width:73px;min-width:73px;max-width:73px;height:100%;padding:0 4px 4px;
  border-right:1px solid #151d28;border-left:1px solid #526074;
  background:linear-gradient(90deg,#17233133 0,#ffffff07 10%,transparent 75%,#050a1333),linear-gradient(var(--strip-top),var(--strip-bottom));
  overflow:hidden;gap:0;box-shadow:inset 0 1px #ffffff21;cursor:pointer;
}
.build8 .mixer .rbs-mix-strip.rbs-mix-ruby{--strip-top:#594c55;--strip-bottom:#422e3b;--strip-edge:#806574}
.build8 .mixer .rbs-mix-strip.rbs-mix-indigo{--strip-top:#3a435e;--strip-bottom:#252d45;--strip-edge:#566685}
.build8 .mixer .rbs-mix-strip.rbs-mix-forest{--strip-top:#3c6550;--strip-bottom:#244536;--strip-edge:#648d6e}
.build8 .mixer .rbs-mix-strip.rbs-mix-slate{--strip-top:#3e4b5b;--strip-bottom:#283546;--strip-edge:#566a7e}
.build8 .mixer .rbs-mix-strip.rbs-mix-master{--strip-top:#5c4b53;--strip-bottom:#47343b;--strip-edge:#a17f8e;flex-basis:77px;width:77px;min-width:77px;max-width:77px;cursor:default}
.build8 .mixer .rbs-mix-strip.rbs-mix-selected{
  background:linear-gradient(90deg,#d9ffb20c 0,transparent 40%,#bcf19d16),linear-gradient(var(--strip-top),var(--strip-bottom));
  box-shadow:inset 0 0 0 2px #b6d878,inset 0 0 10px #b5ed6526;z-index:1;
}
.build8 .mixer .rbs-mix-cap{
  border:0;border-bottom:1px solid #151f2bcc;border-radius:0;display:block;width:calc(100% + 8px);
  min-width:0;height:30px;min-height:30px;background:#00000024;padding:5px 3px 2px;
  color:#e4e9e7;font-size:9px;font-weight:700;letter-spacing:.3px;line-height:20px;text-align:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 1px #f8ffee12;
}
.build8 .mixer button.rbs-mix-cap:hover{color:#ffe9b2;background:#ffffff20}
.build8 .mixer .rbs-mix-insert-number{position:absolute;top:1px;right:3px;font:8px Consolas,monospace;color:#d8e2d0a3;z-index:2}
.build8 .mixer .rbs-mix-top{height:51px;min-height:51px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:100%;}
.build8 .mixer .rbs-mix-top-label{font:8px Consolas,monospace;letter-spacing:.5px;color:#b8c2c4!important;text-shadow:0 1px #1117}
.build8 .mixer .rbs-mix-pan{width:28px;height:28px;display:block;position:relative;}
.build8 .mixer .rbs-mix-pan-face{width:24px;height:24px;position:absolute;top:2px;left:2px;border-radius:50%;
  background:radial-gradient(circle at 38% 27%,#8a9c9b 0,#505b64 38%,#232a35 78%);
  border:2px solid #1d2830;box-shadow:0 1px 2px #000a,inset 0 1px 1px #edf1d34f}
.build8 .mixer .rbs-mix-pan-face:after{content:'';width:2px;height:8px;position:absolute;left:calc(50% - 1px);top:2px;
  background:#bde584;box-shadow:0 0 2px #d5ff9e;transform-origin:1px 10px;transform:rotate(var(--pan-deg,0deg))}
.build8 .mixer .rbs-mix-pan-input{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:ew-resize}
.build8 .mixer .rbs-mix-meter{
  width:11px;min-width:11px;height:72px;min-height:45px;margin:5px 0 3px;
  border:1px solid #667b6e;box-shadow:inset 0 0 3px #000,0 1px #8294a255;
  background:repeating-linear-gradient(to top,#00000070 0 2px,#1a2532 2px 5px);
  overflow:hidden;position:relative;flex-shrink:0;
}
.build8 .mixer .rbs-mix-meter-fill{
  position:absolute;left:0;right:0;bottom:0;height:2%;transition:height 55ms linear;
  background:linear-gradient(0deg,#3fbe57 0%,#a5e45d 65%,#f6db69 84%,#ff9950 100%);
  box-shadow:0 0 5px #70e76666;
}
.build8 .mixer .rbs-mix-fader-wrap{position:relative;display:flex;flex:1;min-height:50px;max-height:none;
  width:40px;align-items:center;justify-content:center;padding:1px 0 0;background:linear-gradient(#0d161a40,#141b2620)}
.build8 .mixer .rbs-mix-fader-wrap::before{content:'';height:calc(100% - 9px);position:absolute;left:calc(50% - 2px);
  width:4px;top:4px;background:linear-gradient(90deg,#0d151c,#4e6070,#0d151c);box-shadow:1px 0 #9ba7b52f;pointer-events:none}
.build8 .mixer .rbs-mix-fader{
  appearance:slider-vertical;-webkit-appearance:slider-vertical;writing-mode:vertical-lr;direction:rtl;
  width:23px;height:calc(100% - 6px);background:transparent;border:none;box-shadow:none;cursor:ns-resize;
  accent-color:#c9d1db;margin:0;position:relative;z-index:2;padding:0;
}
.build8 .mixer .rbs-mix-fader::-webkit-slider-runnable-track{background:transparent;border:none;width:5px}
.build8 .mixer .rbs-mix-fader::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;width:29px;height:13px;border-radius:2px;
  border:1px solid #18212c;background:linear-gradient(#d9e0de 0%,#a4adb6 29%,#303b48 40%,#d3d9db 51%,#aebdc1 65%,#e7ecdf 100%);
  box-shadow:0 2px 3px #000a,0 0 0 1px #a3adb9;
}
.build8 .mixer .rbs-mix-volume-label{height:19px;min-height:19px;font:10px Consolas,monospace;color:#dde3d9;text-align:center;
 display:flex;align-items:center;justify-content:center;width:100%;background:#121a2640}
.build8 .mixer .rbs-mix-buttons{display:flex;width:100%;gap:3px;justify-content:center;padding:5px 0 4px}
.build8 .mixer .rbs-mix-toggle{width:24px;height:21px;border-radius:50%;background:linear-gradient(#424c5c,#2b3442);
 border:1px solid #77838f;color:#a8e988;font-size:10px;font-weight:bold;padding:0;line-height:16px;text-shadow:0 1px #000b}
.build8 .mixer .rbs-mix-toggle.rbs-mix-muted{color:#ffe2d5;background:linear-gradient(#9c4848,#70352f);border-color:#c87371}
.build8 .mixer .rbs-mix-toggle.rbs-mix-solo{color:#1c291a;background:linear-gradient(#e0d67b,#bfa53d);border-color:#efe3aa}
.build8 .mixer .rbs-mix-footer{width:calc(100% + 8px);height:22px;min-height:22px;display:flex;align-items:center;justify-content:center;
  color:#aebfbd;font:8px Consolas,monospace;border-top:1px solid #7884935d;background:#17232d4d}
.build8 .mixer #mixerInspector{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;flex:0 0 218px;
  width:218px;min-width:172px;background:linear-gradient(#343f4e,#293544);border-left:1px solid #718091;
  scrollbar-width:thin;scrollbar-color:#6d7e91 #27323e}
.build8 .mixer .rbs-fx-title{height:32px;min-height:32px;padding:8px 9px 5px;font-size:10px;font-weight:bold;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e9eddf;background:linear-gradient(#4b5868,#364555);
  border-bottom:1px solid #141f2c}
.build8 .mixer .rbs-fx-header{display:flex;justify-content:space-between;padding:8px 9px 6px;color:#ffcb8c;
  border-bottom:1px solid #4e5c6c;font:9px Consolas,monospace}
.build8 .mixer .rbs-fx-tip{font-size:9px;line-height:1.4;color:#b2c1c7;padding:8px 9px;border-bottom:1px solid #4f5f6f}
.build8 .mixer .rbs-fx-list{overflow-y:auto;min-height:0;flex:1;padding:3px 5px;scrollbar-width:thin;scrollbar-color:#667989 #243040}
.build8 .mixer .rbs-fx-row{display:block;margin:4px 0;padding:5px 6px 4px;border:1px solid #3d5063;
 background:linear-gradient(#3e4a5a,#303c4b);cursor:default;box-shadow:0 1px #172433}
.build8 .mixer .rbs-fx-row.rbs-fx-modified{border-left:2px solid #a5ca75;background:linear-gradient(#485747,#364635)}
.build8 .mixer .rbs-fx-row-head{display:flex;align-items:center;gap:5px;margin-bottom:5px;font:9px Consolas,monospace}
.build8 .mixer .rbs-fx-indicator{font-size:8px;color:#8fe88a}.build8 .mixer .rbs-fx-row-label{flex:1;color:#d6e1e3}
.build8 .mixer .rbs-fx-value{color:#edd39e;font-size:9px;font-variant-numeric:tabular-nums}
.build8 .mixer .rbs-fx-slider{width:100%;height:10px;display:block;margin:0;padding:0;accent-color:#9dcf80;cursor:pointer}
.build8 .mixer .rbs-fx-bottom{border-top:1px solid #687587;color:#a2b4be;font-size:8px;letter-spacing:.25px;padding:8px 7px}
@media (max-width:1150px){
 .build8 .mixer #mixerInspector{flex-basis:178px;width:178px}
 .build8 .mixer .rbs-mix-strip{min-width:68px;max-width:68px;width:68px;flex-basis:68px}
}

/* Empty DAW insert slots are actionable: click to create a new instrument channel. */
.build8 .mixer .rbs-mix-empty{
  min-width:72px;width:72px;max-width:72px;flex:0 0 72px;height:100%;display:flex;align-items:center;justify-content:space-between;
  flex-direction:column;padding:0 3px 22px;border-radius:0;border:0;border-left:1px solid #4e6071;border-right:1px solid #111b28;
  background:linear-gradient(#344357,#243144);color:#aebfcc;cursor:pointer;opacity:.76;box-shadow:inset 0 1px #c1d5e022;
}
.build8 .mixer .rbs-mix-empty:hover{opacity:1;background:linear-gradient(#455d65,#2d4552);color:#e1f7eb}
.build8 .mixer .rbs-empty-title{align-self:stretch;font-size:9px;text-transform:uppercase;white-space:nowrap;text-align:center;
  height:31px;border-bottom:1px solid #152433;padding-top:8px}
.build8 .mixer .rbs-empty-plus{font-size:21px;line-height:30px;margin:auto;border:1px solid #6b8491;border-radius:100%;
  width:30px;height:30px;text-align:center;color:#a2c497;background:#1e3144}
.build8 .mixer .rbs-empty-sub{font:8px Consolas,monospace;color:#afc1d1;letter-spacing:.1px}