#sample-browser{width:220px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg2);border-left:1px solid var(--border);overflow:hidden;transition:width .2s ease}#sample-browser.sb-hidden{width:0;border-left:none;overflow:hidden}.sb-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--border);background:var(--bg3);flex-shrink:0}.sb-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text2)}.sb-close{background:none;border:none;color:var(--text3);font-size:16px;cursor:pointer;line-height:1;padding:0 2px}.sb-close:hover{color:var(--text)}.sb-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.sb-tab{flex:1;padding:6px 4px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text3);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:color .1s,border-color .1s}.sb-tab:hover{color:var(--text2)}.sb-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.sb-content{flex:1;overflow-y:auto;min-height:0}.sb-pane{padding:4px 0}.sb-hidden{display:none!important}.sb-kit-section{border-bottom:1px solid var(--line-soft)}.sb-kit-header{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;cursor:pointer;transition:background .1s;user-select:none}.sb-kit-header:hover{background:var(--bg3)}.sb-kit-header.active{border-left:2px solid var(--accent)}.sb-kit-header.expanded .sb-kit-name:before{content:"\25be  ";opacity:.5}.sb-kit-header:not(.expanded) .sb-kit-name:before{content:"\25b8  ";opacity:.5}.sb-kit-name{font-size:11px;font-weight:600;color:var(--text)}.sb-load-btn{padding:2px 8px;font-size:9px;font-weight:700;background:var(--bg4);border:1px solid var(--border);border-radius:3px;color:var(--text2);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:background .1s,color .1s}.sb-load-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.sb-load-btn:disabled{opacity:.5;cursor:default}.sb-sounds-list{background:var(--bg);border-top:1px solid var(--border)}.sb-sound-item{display:flex;align-items:center;gap:7px;padding:5px 14px;cursor:pointer;font-size:10px;color:var(--text2);transition:background .08s,color .08s}.sb-sound-item:hover{background:var(--bg3);color:var(--text)}.sb-sound-item.playing{color:var(--accent)}.sb-play-icon{font-size:7px;color:var(--text3);flex-shrink:0}.sb-sound-item:hover .sb-play-icon,.sb-sound-item.playing .sb-play-icon{color:var(--accent)}.sb-instrument-item{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-bottom:1px solid var(--line-soft);cursor:default}.sb-instrument-item:hover{background:var(--bg3)}.sb-inst-name{font-size:11px;color:var(--text2);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:6px}.sb-empty{padding:16px 12px;font-size:10px;color:var(--text3);text-align:center;line-height:1.5}.sb-search{padding:8px 10px 4px}.sb-search .text-input{width:100%;height:28px;font-size:11px}.sb-content [hidden]{display:none!important}.sb-searching .sb-pane{display:block!important}.sb-searching .sb-pane:before{content:attr(data-title);display:block;padding:6px 10px 2px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)}.sb-searching .sb-pane.sb-no-match{display:none!important}.sb-searching .sb-sounds-list{display:block!important}.sb-pool-item{display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid var(--line-soft);cursor:grab}.sb-pool-item:hover{background:var(--bg3)}.sb-pool-item.playing .sb-pool-name{color:var(--accent)}.sb-pool-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.sb-pool-name{font-size:11px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-pool-meta{font-size:10px;color:var(--text3);font-variant-numeric:tabular-nums}.sb-pool-actions{display:flex;gap:4px;flex-shrink:0}.sb-pool-rename{width:100%;height:22px;font-size:11px}.sb-load-btn.danger{background:var(--danger);border-color:var(--danger);color:var(--on-danger)}