/* Build 10: FL-style Audio Clip overlays, loop browser, envelope controls */
.browser .tabbar button{width:auto;flex:1;font-size:8px;padding:5px 2px}
.browser .panel-foot{display:flex;flex-direction:column;gap:5px}
.browser .panel-foot button{width:100%;font-size:9px}
.rbs-loop-list-item{border-left:2px solid #62b0a6;min-height:29px}
.rbs-loop-list-item span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rbs-loop-list-item .kit-action{flex:0 0 auto;padding:2px 5px;font-size:10px}
.rbs-loop-hint{color:#7fdad1!important;font-size:9px}
.workarea .playlist-row{position:relative}
.rbs-audio-clip{position:absolute;z-index:7;top:2px;height:calc(100% - 4px);overflow:hidden;background:linear-gradient(180deg,#2e7977,#184f4e);border:1px solid #80c7c1;box-shadow:inset 0 1px #b2efe740,0 2px 4px #0006;border-radius:2px;cursor:grab;user-select:none}
.rbs-audio-clip:active{cursor:grabbing}
.rbs-audio-clip-title{position:absolute;top:0;left:4px;right:3px;z-index:2;color:#eafff7;font:9px Consolas,monospace;text-shadow:0 1px #102b2b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}
.rbs-audio-clip-wave{position:absolute;width:100%;height:100%;inset:0;opacity:.72;pointer-events:none}
.rbs-loop-editor{min-width:0;padding:4px}
.rbs-loop-editor-wave{width:100%;height:92px;display:block;background:#1a292b;border:1px solid #557b71;cursor:ew-resize;touch-action:none}
.rbs-loop-wave-guide{font:9px Consolas,monospace;color:#8adbc9;padding:5px 1px}
.rbs-loop-editor-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 13px;margin:8px 0}
.rbs-loop-editor-field{display:flex;flex-direction:column;gap:3px;color:#c6d7d3}
.rbs-loop-editor-field>div{display:flex;justify-content:space-between;gap:5px;align-items:center;font-size:9px}
.rbs-loop-editor-field strong{font-size:10px;color:#ffc67b}
.rbs-loop-editor-field input{width:100%;accent-color:#81c3a9}
.rbs-loop-sync{grid-column:span 2;display:flex;align-items:center;gap:8px;color:#c9f1df}
.rbs-loop-sync input{accent-color:#95dcb1}
.rbs-loop-editor-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.rbs-loop-editor-actions button{font-size:10px}
.rbs-loop-done{background:#447d5f;color:#ecffef}
.modal-window:has(.rbs-loop-editor){width:min(740px,90%)}
/* Float audio-clip editor above draggable DAW panels. */
.studio .modal{z-index:99999}

/* Build 11.6 · loop-only audio isolation diagnostics */
.rbs-loop-only-toggle{font-size:10px!important;white-space:nowrap;padding:5px 8px!important;border:1px solid #617275!important;background:#283f42!important;color:#d0eee6!important;min-width:124px}
.rbs-loop-only-toggle.active{border-color:#d7a75f!important;background:#695323!important;color:#fff5da!important}
.rbs-playback-sources{font-family:Consolas,monospace;font-size:10px;min-width:146px;color:#d5cf9c;border-left:1px solid #596360;padding-left:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:270px}


/* Build 12: multiple loop lanes, accurate seek rulers, and useful playlist zoom. */
.build8 .rbs-playlist-ruler-viewport,.rbs-playlist-ruler-viewport{
 height:22px;min-height:22px;overflow:hidden;position:relative;background:#2e3930;
 border-bottom:1px solid #5e715c;flex:0 0 22px;cursor:ew-resize;user-select:none;
}
.rbs-playlist-ruler-viewport .timeline{position:relative!important;top:auto!important;left:0;width:max-content;min-width:100%;height:22px;will-change:transform;z-index:1;pointer-events:none;}
.rbs-playlist-ruler-viewport .timeline>span{overflow:hidden;text-overflow:clip;white-space:nowrap;padding-left:2px;text-align:center;}
.workarea .playlist{display:flex;flex-direction:column;}
.workarea #playlistRows{position:relative;overflow:auto;scrollbar-width:thin;flex:1;min-height:40px;}
.workarea #playlistRows .playlist-row{width:max-content;min-width:100%;}
.rbs-playlist-playhead{position:absolute;top:0;bottom:0;z-index:22;width:2px;min-height:40px;background:#ffad4c;box-shadow:0 0 8px #ffac4ca6;cursor:ew-resize;touch-action:none;}
.rbs-playlist-playhead::before{content:'';position:absolute;left:-5px;top:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid #ffbc65;}
.rbs-piano-ruler-playhead{position:absolute;top:0;bottom:0;width:2px;z-index:25;background:#ffaf43;pointer-events:none;box-shadow:0 0 3px #ffc269;}
.rbs-piano-ruler-playhead::after{content:'';position:absolute;left:-6px;top:0;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid #ffc376;}
#pianoRulerViewport{cursor:ew-resize;}
#pianoGridView .piano-playback-line{pointer-events:auto;cursor:ew-resize;touch-action:none;}
.rbs-zoom-controls{display:flex;align-items:center;gap:4px;margin:0 5px;padding:2px 5px;background:#283629;border:1px solid #65795b;white-space:nowrap;flex-shrink:0;color:#d1e3c4;font:9px Consolas,monospace;}
.rbs-zoom-controls button{background:#465b44!important;color:#edf5e9!important;min-width:22px;padding:2px 5px!important;}
.rbs-zoom-controls strong{min-width:35px;text-align:center;color:#ffc775;font:10px Consolas,monospace;}
.rbs-loop-list-item .kit-action{min-width:22px;}

#pianoGridView .piano-playback-line{width:10px!important;margin-left:-4px!important;background:linear-gradient(90deg,transparent 0 4px,#ffac47 4px 6px,transparent 6px)!important;box-shadow:none!important;cursor:ew-resize!important;pointer-events:auto!important;}
#playlistPlaybackLine{width:8px!important;margin-left:-4px;background:linear-gradient(90deg,transparent 0 3px,#ffad4c 3px 5px,transparent 5px);box-shadow:none!important;}

/* BUILD 13 - Playlist grid snapping / non-destructive wave editing */
.rbs-playlist-snap{display:inline-flex;align-items:center;gap:4px;background:#263328;border:1px solid #6b866c;color:#aee5bf;padding:2px 5px;font:9px Consolas,monospace;white-space:nowrap}
.rbs-playlist-snap select{max-width:100px;font:9px Consolas,monospace;background:#344436;color:#e7f6d9;border:1px solid #6b8064;padding:3px 4px}
#clipSplitModeBtn.active{background:#916636!important;border-color:#f0b86c!important;color:#fff7e9!important}
.rbs-audio-clip.rbs-selected-wave{outline:2px solid #ffbb5a;outline-offset:-1px;box-shadow:0 0 6px #f4ae4477,inset 0 1px #b2efe740}
.rbs-clip-trim-handle{position:absolute;top:0;bottom:0;width:8px;z-index:14;cursor:ew-resize;background:#ffe0a01a;border-left:1px solid #f9d09a90;border-right:1px solid #f9d09a90;touch-action:none}
.rbs-clip-trim-handle.left{left:0}
.rbs-clip-trim-handle.right{right:0}
.rbs-clip-trim-handle:hover{background:#ffc7798f}
.rbs-audio-clip{touch-action:none}
.rbs-audio-clip:not(.rbs-selected-wave):hover{border-color:#f5c278}
.rbs-playlist-snap select:focus{outline:1px solid #ffc66f}

/* Keep editor controls reachable on narrower Windows NUI viewports. */
.playlist-tools{overflow-x:auto;scrollbar-width:thin;white-space:nowrap;min-height:33px}
.playlist-tools>button,.playlist-tools>.rbs-loop-hint{flex-shrink:0}

/* Build 16: visible Playlist transport repeat switch */
.rbs-playlist-repeat{white-space:nowrap;min-width:125px;color:#d4d9cb;border:1px solid #62766b;background:#34423d;font-size:11px;padding:6px 9px;cursor:pointer}
.rbs-playlist-repeat.active{color:#c8f49a;border-color:#94b970;background:#344f37;box-shadow:inset 0 0 0 1px #526d47}
.rbs-playlist-repeat:hover{filter:brightness(1.2)}