:root{--bg0: #0f0f0f;--bg1: #161616;--bg2: #1e1e1e;--bg3: #272727;--bg4: #313131;--bg5: #3a3a3a;--border: #111;--border2: #2a2a2a;--orange: #e07800;--orange2: #ff9200;--orange-dim: #7a4200;--teal: #00b8a4;--teal-dim: #005a50;--sel-bg: rgba(224, 120, 0, .13);--accent-rgb: 224, 120, 0;--accent-dark: #4e3000;--accent-darker: #2a1800;--play-color: #00c8aa;--text: #c0c0c0;--text-dim: #666;--text-orange: #ff9200;--radius: 2px;--transition: 80ms ease;--file-font-size: 11px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background:var(--bg0);font-family:Segoe UI,Tahoma,Geneva,sans-serif;font-size:11px;color:var(--text);height:100vh;display:flex;flex-direction:column;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg5);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--bg4);filter:brightness(1.3)}#toolbar{height:28px;background:linear-gradient(180deg,#252525,#1a1a1a);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 6px;gap:2px;flex-shrink:0}.tb-btn{height:20px;padding:0 8px;background:linear-gradient(180deg,#333,#262626);border:1px solid #161616;border-top-color:#444;color:#999;font-size:10px;font-family:inherit;cursor:pointer;border-radius:var(--radius);display:flex;align-items:center;gap:4px;letter-spacing:.04em;white-space:nowrap;transition:background var(--transition),color var(--transition),border-color var(--transition)}.tb-btn svg{width:9px;height:9px;flex-shrink:0}.tb-btn:hover{background:linear-gradient(180deg,#424242,#333);color:#ddd}.tb-btn:active{background:linear-gradient(180deg,#1a1a1a,#242424)}.tb-btn.active{background:linear-gradient(180deg,var(--accent-dark),var(--accent-darker));border:1px solid var(--orange-dim);border-top-color:var(--orange);color:var(--orange2)}.tb-btn.active:hover{background:linear-gradient(180deg,var(--accent-dark),var(--accent-darker));filter:brightness(1.2)}.tb-btn.dl-btn{color:#4a7a4a}.tb-btn.dl-btn:hover{color:#7acc7a}.tb-btn.icon-btn{padding:0 6px}.tb-sep{width:1px;height:16px;background:#0d0d0d;border-right:1px solid #303030;margin:0 2px}.vol-wrap{display:flex;align-items:center;gap:4px;margin-left:2px}.vol-icon{width:12px;height:12px;color:#555;flex-shrink:0}#vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:54px;height:3px;background:#222;border-radius:2px;outline:none;cursor:pointer;border:1px solid #111;transition:background var(--transition)}#vol-slider:hover{background:#2a2a2a}#vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:linear-gradient(180deg,var(--orange2),var(--orange));border-radius:2px;cursor:pointer;border:1px solid #4a2800;transition:transform var(--transition)}#vol-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=file]{display:none}.search-wrap{position:relative;display:flex;align-items:center;margin-left:auto}.search-icon{position:absolute;left:6px;width:10px;height:10px;color:#3a3a3a;pointer-events:none;transition:color var(--transition)}.search-wrap:focus-within .search-icon{color:var(--orange-dim)}#toolbar-search{width:170px;height:20px;background:#111;border:1px solid #222;border-top-color:#080808;color:var(--text);font-size:10px;padding:0 22px;outline:none;border-radius:var(--radius);transition:border-color .12s ease,background .12s ease}#toolbar-search:focus{border-color:var(--orange-dim);background:#141414}#toolbar-search::placeholder{color:#333}.search-clear{position:absolute;right:4px;width:14px;height:14px;background:none;border:none;color:#444;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;border-radius:2px;transition:color var(--transition)}.search-clear:hover{color:#999}.search-clear[style*="display:none"]{display:none!important}#cat-tabs{height:24px;background:var(--bg1);border-bottom:1px solid var(--border);display:flex;align-items:flex-end;padding:0 6px;gap:1px;flex-shrink:0}.cat-tab{height:19px;padding:0 10px;background:var(--bg2);border:1px solid transparent;border-bottom:none;color:var(--text-dim);font-size:10px;letter-spacing:.05em;cursor:pointer;border-radius:2px 2px 0 0;display:flex;align-items:center;gap:5px;transition:color var(--transition),background var(--transition)}.cat-tab svg{width:9px;height:9px;flex-shrink:0}.cat-tab:hover{color:var(--text);background:var(--bg3)}.cat-tab.active{background:var(--bg3);color:var(--orange);border-color:var(--orange-dim);border-bottom-color:var(--bg3)}.fav-badge{background:var(--orange-dim);color:var(--orange2);font-size:8px;font-weight:600;min-width:14px;height:13px;padding:0 3px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;line-height:1}#body-split{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}#main{display:flex;flex:1;overflow:hidden;min-height:0}#tree-panel{width:195px;min-width:90px;background:var(--bg1);border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden;flex-shrink:0;outline:none}#tree-header{height:17px;background:linear-gradient(180deg,#252525,#1a1a1a);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 8px;gap:6px;color:var(--text-dim);font-size:9px;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0}.panel-pip{width:5px;height:5px;background:var(--orange);border-radius:1px;flex-shrink:0}.tree-item{display:flex;align-items:center;height:20px;cursor:pointer;padding-right:6px;border-left:2px solid transparent;transition:background var(--transition)}.tree-item:hover{background:var(--bg3)}.tree-item.focused{background:rgba(var(--accent-rgb),.18);border-left-color:var(--orange)}.tree-item.focused .tree-label{color:var(--text-orange)}.tree-arrow{width:14px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:7px;color:#444;transition:transform .12s ease,color 80ms}.tree-arrow.open{transform:rotate(90deg);color:var(--orange-dim)}.tree-arrow.leaf{opacity:0;pointer-events:none}.tree-icon{width:16px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tree-label{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:11px;white-space:nowrap;color:var(--text)}.tree-count{font-size:9px;color:#383838;margin-left:4px;flex-shrink:0}.tree-item.focused .tree-count{color:var(--orange-dim)}#h-resizer{width:3px;background:var(--border);cursor:col-resize;flex-shrink:0;transition:background var(--transition)}#h-resizer:hover,#h-resizer.dragging{background:var(--orange-dim)}#files-panel{flex:1;background:var(--bg1);overflow-y:auto;overflow-x:hidden;outline:none;min-width:0}#files-header{height:17px;background:linear-gradient(180deg,#252525,#1a1a1a);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 8px;color:var(--text-dim);font-size:9px;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;flex-shrink:0;gap:8px}#files-header-path{color:var(--orange);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%;font-weight:500}.file-item{display:flex;align-items:center;cursor:pointer;padding:0 4px 0 6px;gap:4px;border-bottom:1px solid transparent;border-left:2px solid transparent;transition:background 60ms ease}.file-item.normal-row{height:20px}.file-item.compact-row{height:16px}.file-item:hover{background:var(--bg3)}.file-item.sel{background:var(--sel-bg)}.file-item.focused{background:rgba(var(--accent-rgb),.2);border-left-color:var(--orange)}.file-item.focused .file-name{color:var(--text-orange)}.file-item.playing .file-name{color:var(--play-color)}.file-item.playing.focused .file-name{color:#50ffe8}.file-icon{width:14px;height:14px;flex-shrink:0}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:var(--file-font-size);white-space:nowrap;transition:color 80ms}.file-name mark{background:rgba(var(--accent-rgb),.3);color:var(--orange2);border-radius:1px;padding:0 1px}.file-duration{font-size:9px;color:#444;flex-shrink:0;font-variant-numeric:tabular-nums;letter-spacing:.03em}.file-item.focused .file-duration{color:var(--orange-dim)}.file-item.playing .file-duration{color:var(--teal-dim)}.playing-bars{display:flex;align-items:flex-end;gap:1.5px;height:10px;flex-shrink:0}.playing-bars span{width:2px;background:var(--play-color);border-radius:1px;animation:bars .6s ease-in-out infinite alternate}.playing-bars span:nth-child(1){height:4px;animation-delay:0s}.playing-bars span:nth-child(2){height:8px;animation-delay:.15s}.playing-bars span:nth-child(3){height:6px;animation-delay:.3s}.playing-bars span:nth-child(4){height:10px;animation-delay:.05s}@keyframes bars{0%{transform:scaleY(.3);opacity:.6}to{transform:scaleY(1);opacity:1}}.file-ext{font-size:8px;padding:1px 3px;border-radius:1px;flex-shrink:0;letter-spacing:.05em;font-weight:600}.ext-wav{background:#0a2438;color:#3d99e8;border:1px solid #0a2d55}.ext-mp3{background:#281300;color:#f09030;border:1px solid #442000}.ext-flac{background:#1e0826;color:#bf7aee;border:1px solid #3e0058}.ext-ogg{background:#08260e;color:#38ee78;border:1px solid #083d10}.ext-img{background:#182600;color:#9d3;border:1px solid #324800}.ext-vid{background:#001826;color:#3a9aee;border:1px solid #002840}.ext-txt{background:#1e1e1e;color:#999;border:1px solid #303030}.ext-other{background:#1a1a1a;color:#666;border:1px solid #2a2a2a}.row-btn{font-size:11px;color:#252525;cursor:pointer;flex-shrink:0;line-height:1;padding:2px;background:none;border:none;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:color var(--transition),background var(--transition)}.row-btn svg{width:10px;height:10px}.row-btn:hover{color:#999;background:#ffffff0d}.row-fav.on{color:var(--orange2)!important}.row-dl{color:#1e381e}.row-dl:hover{color:#52a052!important}.file-item:not(:hover) .row-btn:not(.on){opacity:0}.no-files{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px 20px;color:#333;font-size:10px}.no-files svg{opacity:.4}#settings-panel{display:none;flex:1;background:var(--bg1);overflow-y:auto;min-height:0}.stg-section{padding:14px 20px;border-bottom:1px solid var(--border2)}.stg-title{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--orange);margin-bottom:12px;display:flex;align-items:center;gap:8px}.stg-title:after{content:"";flex:1;height:1px;background:var(--border2)}.stg-row{display:flex;align-items:center;min-height:28px;gap:12px}.stg-label{font-size:11px;color:var(--text);flex:1}.color-pickers{display:flex;gap:8px}.color-pick-wrap{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}.color-pick-wrap span{font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.color-pick-wrap input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:20px;border:1px solid #333;border-radius:2px;background:none;padding:1px;cursor:pointer}.color-pick-wrap input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-pick-wrap input[type=color]::-webkit-color-swatch{border:none;border-radius:1px}.toggle{width:34px;height:17px;border-radius:9px;background:var(--bg4);border:1px solid #1e1e1e;cursor:pointer;position:relative;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.toggle:after{content:"";position:absolute;width:13px;height:13px;background:#555;border-radius:50%;top:1px;left:1px;transition:left .15s ease,background .15s ease}.toggle.on{background:linear-gradient(180deg,var(--accent-dark),var(--accent-darker));border-color:var(--orange-dim)}.toggle.on:after{left:18px;background:var(--orange2)}.pill-group{display:flex;gap:2px}.pill{height:18px;padding:0 10px;background:var(--bg3);border:1px solid var(--border2);color:var(--text-dim);font-size:10px;cursor:pointer;border-radius:2px;font-family:inherit;transition:background var(--transition),color var(--transition),border-color var(--transition)}.pill:hover{color:var(--text);background:var(--bg4)}.pill.active{background:linear-gradient(180deg,var(--accent-dark),var(--accent-darker));border-color:var(--orange-dim);color:var(--orange)}.kbd-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;padding-top:2px}.kbd-key{font-family:Courier New,monospace;font-size:10px;color:#888;background:var(--bg3);padding:1px 6px;border:1px solid var(--border2);border-bottom-color:#111;border-radius:2px;white-space:nowrap;justify-self:start}.kbd-desc{font-size:10px;color:#444;display:flex;align-items:center}#v-resizer{height:4px;background:var(--border);cursor:row-resize;flex-shrink:0;border-top:1px solid #080808;border-bottom:1px solid #282828;transition:background var(--transition)}#v-resizer:hover,#v-resizer.dragging{background:var(--orange-dim)}#preview-panel{height:160px;min-height:60px;background:var(--bg0);flex-shrink:0;display:flex;flex-direction:column}#preview-top{height:26px;background:linear-gradient(180deg,#212121,#181818);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 6px;gap:5px;flex-shrink:0}#preview-filename{font-size:10px;color:#888;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#preview-info{font-size:9px;color:#444;flex-shrink:0;letter-spacing:.04em;font-variant-numeric:tabular-nums}#transport{display:flex;align-items:center;gap:2px}.tp-btn{width:22px;height:17px;background:linear-gradient(180deg,#2e2e2e,#202020);border:1px solid #0c0c0c;border-top-color:#3e3e3e;color:#777;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:background var(--transition),color var(--transition),border-color var(--transition)}.tp-btn svg{width:8px;height:8px}.tp-btn:hover{color:#ddd;background:linear-gradient(180deg,#3a3a3a,#2c2c2c)}.tp-btn:active{background:linear-gradient(180deg,#181818,#222)}.tp-btn.playing{background:linear-gradient(180deg,#003530,#001e1a);border-color:var(--teal-dim);border-top-color:var(--teal);color:var(--teal)}#loop-toggle{height:17px;padding:0 7px;background:linear-gradient(180deg,#2a2a2a,#1e1e1e);border:1px solid #0c0c0c;border-top-color:#3e3e3e;color:#444;font-size:9px;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:4px;border-radius:2px;letter-spacing:.07em;transition:background var(--transition),color var(--transition),border-color var(--transition)}#loop-toggle svg{width:12px;height:9px}#loop-toggle:hover{color:#888}#loop-toggle.on{background:linear-gradient(180deg,#002820,#001510);border-color:var(--teal-dim);color:var(--teal)}.prev-btn{width:22px;height:17px;background:linear-gradient(180deg,#2a2a2a,#1e1e1e);border:1px solid #0c0c0c;border-top-color:#3e3e3e;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;flex-shrink:0;transition:background var(--transition),color var(--transition),border-color var(--transition)}.prev-btn svg{width:11px;height:11px}.prev-btn:hover{background:linear-gradient(180deg,#363636,#2a2a2a)}.prev-btn:active{background:linear-gradient(180deg,#141414,#1e1e1e)}#fav-btn{color:#363636}#fav-btn:hover{color:#888}#fav-btn.active{background:linear-gradient(180deg,var(--accent-dark),var(--accent-darker));border-color:var(--orange-dim);color:var(--orange2)}#fav-btn.active svg{fill:var(--orange2);stroke:none}#dl-preview-btn{color:#1e3a1e}#dl-preview-btn:hover{color:#52a052}#preview-content{flex:1;position:relative;overflow:hidden;background:#0c0c0c}#waveform-canvas{width:100%;height:100%;display:block;cursor:crosshair}#waveform-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0c0c0c;pointer-events:none}.wl-bars{display:flex;align-items:flex-end;gap:3px;height:20px}.wl-bars span{width:3px;background:var(--orange-dim);border-radius:2px;animation:wl-pulse .9s ease-in-out infinite alternate}.wl-bars span:nth-child(1){height:8px;animation-delay:0s}.wl-bars span:nth-child(2){height:16px;animation-delay:.12s}.wl-bars span:nth-child(3){height:12px;animation-delay:.24s}.wl-bars span:nth-child(4){height:20px;animation-delay:.08s}.wl-bars span:nth-child(5){height:10px;animation-delay:.18s}@keyframes wl-pulse{0%{opacity:.3;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1)}}.wl-label{font-size:9px;color:#333;letter-spacing:.08em}#img-preview{display:none;width:100%;height:100%;object-fit:contain;background:#0a0a0a}#vid-preview{display:none;width:100%;height:100%;background:#000;outline:none}#txt-preview{display:none;width:100%;height:100%;overflow:auto;padding:8px 12px;font-family:Cascadia Code,Consolas,Courier New,monospace;font-size:11px;color:#aaa;line-height:1.6;background:#0c0c0c;-webkit-user-select:text;user-select:text;white-space:pre-wrap;word-break:break-all}#unknown-preview{display:none;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#303030;font-size:10px}#statusbar{height:16px;background:var(--bg0);border-top:1px solid var(--border);display:flex;align-items:center;padding:0 8px;gap:12px;flex-shrink:0}.sb-item{font-size:9px;color:#3a3a3a;letter-spacing:.04em}.sb-item span{color:var(--text-dim)}.sb-spacer{flex:1}.sb-playing{color:var(--teal)!important;display:flex!important;align-items:center;gap:5px}.sb-play-dot{width:5px;height:5px;background:var(--teal);border-radius:50%;flex-shrink:0;animation:sb-pulse 1.5s ease-in-out infinite}@keyframes sb-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.sb-hint{font-size:9px;color:#282828;letter-spacing:.04em}#drop-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;border:2px dashed var(--orange-dim);z-index:100;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:13px;color:var(--orange);letter-spacing:.12em;text-transform:uppercase}#drop-overlay.visible{display:flex}#drop-overlay svg{color:var(--orange-dim)}#drop-overlay small{font-size:10px;color:var(--orange-dim);letter-spacing:.06em;text-transform:none}#rc-lasso{display:none;position:fixed;border:1px solid var(--orange);background:#e078000f;pointer-events:none;z-index:50;border-radius:1px}#context-menu,#folder-context-menu{display:none;position:fixed;z-index:200;background:#1e1e1e;border:1px solid #333;border-radius:3px;padding:3px;min-width:140px;box-shadow:0 6px 20px #0009,0 0 0 1px #0006}#context-menu.visible,#folder-context-menu.visible{display:block}.cm-item{display:flex;align-items:center;gap:7px;padding:5px 10px;font-size:11px;color:#aaa;cursor:pointer;border-radius:2px;transition:background var(--transition),color var(--transition)}.cm-item svg{width:10px;height:10px;flex-shrink:0;color:#555}.cm-item:hover{background:rgba(var(--accent-rgb),.12);color:var(--text)}.cm-item:hover svg{color:var(--orange-dim)}.cm-item.danger{color:#c44}.cm-item.danger:hover{background:#b4282826;color:#e66}.cm-sep{height:1px;background:#2a2a2a;margin:3px 4px}#toast-container{position:fixed;bottom:28px;right:12px;z-index:300;display:flex;flex-direction:column;gap:4px;pointer-events:none}.toast{display:flex;align-items:center;gap:7px;padding:6px 10px;background:#252525;border:1px solid #333;border-radius:3px;font-size:10px;color:#bbb;letter-spacing:.03em;box-shadow:0 4px 14px #00000080;animation:toast-in .12s ease forwards;max-width:240px}.toast.toast-out{animation:toast-out .18s ease forwards}.toast-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.toast.info .toast-dot{background:#48c}.toast.ok .toast-dot{background:var(--teal)}.toast.warn .toast-dot{background:var(--orange)}@keyframes toast-in{0%{opacity:0;transform:translate(10px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(8px)}}.accent-swatches{display:flex;gap:5px;align-items:center}.accent-swatch{width:18px;height:18px;border-radius:3px;background:var(--sw);border:2px solid transparent;cursor:pointer;padding:0;transition:transform 80ms ease,border-color 80ms ease;flex-shrink:0}.accent-swatch:hover{transform:scale(1.18)}.accent-swatch.active{border-color:#ffffff8c;box-shadow:0 0 0 1px #00000080}.files-hdr-controls{display:flex;align-items:center;gap:3px;margin-left:auto}.sort-cycle-btn{display:flex;align-items:center;gap:3px;height:14px;padding:0 5px;background:none;border:1px solid var(--border2);color:#444;font-size:8px;font-family:inherit;letter-spacing:.06em;cursor:pointer;border-radius:2px;transition:color var(--transition),border-color var(--transition),background var(--transition)}.sort-cycle-btn svg{width:7px;height:5px;flex-shrink:0;transition:transform .2s ease}.sort-cycle-btn:hover{color:var(--text-dim);border-color:var(--bg5);background:var(--bg2)}.sort-cycle-btn.desc svg{transform:scaleY(-1)}#filter-bar{height:22px;background:var(--bg0);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 6px;gap:2px;flex-shrink:0}.filter-pill{height:15px;padding:0 7px;background:none;border:1px solid transparent;color:#444;font-size:9px;font-family:inherit;letter-spacing:.04em;cursor:pointer;border-radius:2px;transition:color var(--transition),background var(--transition),border-color var(--transition)}.filter-pill:hover{color:var(--text-dim);background:var(--bg3)}.filter-pill.active{color:var(--orange);border-color:var(--orange-dim);background:rgba(var(--accent-rgb),.08)}.sb-sort-info{font-size:9px;color:#303030;letter-spacing:.04em;padding-right:8px}.file-item.row-compact{height:15px}.file-item.row-normal{height:20px}.file-item.row-comfortable{height:26px}.file-size{font-size:9px;color:#363636;flex-shrink:0;font-variant-numeric:tabular-nums;letter-spacing:.02em}.file-item.focused .file-size{color:var(--orange-dim)}.stg-sub{color:var(--text-dim);font-size:9px;margin-left:4px}