:root,:root[data-theme=light]{color-scheme:light;--paper: #f2f2f0;--ink: #111111;--ink-2: #3d3d3b;--muted: #7a7a76;--rule: rgba(17, 17, 17, .12);--rule-strong: rgba(17, 17, 17, .3);--wash: rgba(17, 17, 17, .045);--wave: rgba(17, 17, 17, .3);--spot: #ff4f00;--spot-ink: #111111;--danger: #d4211b;--scrim: rgba(17, 17, 17, .32)}:root[data-theme=dark]{color-scheme:dark;--paper: #101111;--ink: #ededea;--ink-2: #bdbdb8;--muted: #84847f;--rule: rgba(237, 237, 234, .1);--rule-strong: rgba(237, 237, 234, .28);--wash: rgba(237, 237, 234, .04);--wave: rgba(237, 237, 234, .3);--spot: #ff5b1a;--spot-ink: #101111;--danger: #ff4a3d;--scrim: rgba(0, 0, 0, .6)}:root[data-theme=light-classic]{color-scheme:light;--paper: #f2f2f0;--ink: #111111;--ink-2: #3d3d3b;--muted: #7a7a76;--rule: rgba(17, 17, 17, .12);--rule-strong: rgba(17, 17, 17, .3);--wash: rgba(17, 17, 17, .045);--wave: rgba(17, 17, 17, .3);--spot: #078f8f;--spot-ink: #ffffff;--danger: #d4211b;--scrim: rgba(17, 17, 17, .32)}:root[data-theme=dark-classic]{color-scheme:dark;--paper: #101111;--ink: #ededea;--ink-2: #bdbdb8;--muted: #84847f;--rule: rgba(237, 237, 234, .1);--rule-strong: rgba(237, 237, 234, .28);--wash: rgba(237, 237, 234, .04);--wave: rgba(237, 237, 234, .3);--spot: #abff4f;--spot-ink: #101111;--danger: #ff4a3d;--scrim: rgba(0, 0, 0, .6)}@font-face{font-family:Archivo;src:url(fonts/Archivo.ttf) format("truetype");font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:Fragment Mono;src:url(fonts/FragmentMono-Regular.ttf) format("truetype");font-weight:400;font-display:swap}*{box-sizing:border-box}[hidden]{display:none!important}:root{--sans: "Archivo", "Helvetica Neue", Arial, sans-serif;--mono: "Fragment Mono", ui-monospace, Menlo, monospace;--margin: 40px;--stage-w: 340px;--transport-h: 68px;--row-h: 48px;--ease: cubic-bezier(.25, .1, .25, 1)}html,body{height:100%}body{display:grid;grid-template-rows:auto minmax(0,1fr) var(--transport-h);margin:0;font:400 13px/1.45 var(--sans);color:var(--ink);background:var(--paper);overflow:hidden;-webkit-font-smoothing:antialiased}#glass{position:fixed;inset:0;z-index:0;width:100%;height:100%}.masthead,.main,.transport{position:relative;z-index:1}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}:focus-visible{outline:2px solid var(--spot);outline-offset:2px}::selection{background:var(--spot);color:var(--spot-ink)}kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border:1px solid var(--rule-strong);font:400 11px/1 var(--mono);color:var(--ink-2)}.icon{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter}*{scrollbar-color:var(--rule-strong) transparent;scrollbar-width:thin}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--rule-strong)}.masthead{display:flex;align-items:center;gap:40px;padding:12px var(--margin) 0}.wordmark{font:900 22px/1 var(--sans);font-stretch:62%}.nav{display:flex;gap:10px}.nav-item{position:relative;display:inline-flex;align-items:baseline;gap:6px;padding:4px 10px;border:none;background:none;color:var(--muted);font-size:13px;font-weight:500;transition:color .15s var(--ease),background .15s var(--ease)}.nav-item:hover,.nav-item.is-active{color:var(--ink)}.nav-item.is-active{background:var(--wash)}.nav-count,.nav-badge{font:400 11px/1 var(--mono);color:var(--muted)}.nav-badge{color:var(--spot)}.main{min-height:0;padding:16px var(--margin) 0;overflow:hidden}.pane{display:none;height:100%;min-height:0}.pane.is-active{display:flex;flex-direction:column;animation:fade-in .2s var(--ease)}.pane-browse.is-active{display:grid;grid-template-columns:minmax(0,1fr);gap:48px}.pane-browse.is-active.has-selection{grid-template-columns:minmax(0,1fr) var(--stage-w)}.pane-browse:not(.has-selection) .stage{display:none}.pane-scan.is-active,.pane-settings.is-active{overflow-y:auto;padding-bottom:40px}.browse-main{display:flex;flex-direction:column;min-width:0;min-height:0}.pane-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.pane-title{margin:0;font:800 64px/.9 var(--sans);font-stretch:62%}.pane-sub{max-width:460px;margin:12px 0 0;color:var(--muted)}.pane-actions{display:flex;align-items:center;gap:24px}.primary-btn,.danger-btn{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 16px;border:none;border-radius:0;background:var(--ink);color:var(--paper);font-weight:600;white-space:nowrap;transition:background .15s var(--ease),color .15s var(--ease)}.primary-btn:hover{background:var(--spot);color:var(--spot-ink)}.danger-btn{background:var(--danger);color:#fff}.link-btn,.ghost-btn{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:none;color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--rule-strong);text-decoration-thickness:1px;text-underline-offset:4px;white-space:nowrap;transition:text-decoration-color .15s var(--ease)}.link-btn:hover:not(:disabled),.ghost-btn:hover:not(:disabled){text-decoration-color:currentColor}.icon-btn{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:none;background:none;color:var(--muted);transition:color .15s var(--ease)}.icon-btn:hover:not(:disabled){color:var(--ink)}.toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:none;color:var(--muted);font-weight:500}.toggle-btn:hover,.toggle-btn[aria-pressed=true]{color:var(--ink)}.toggle-btn .icon{width:14px;height:14px}.toggle-btn[aria-pressed=true] .icon{fill:var(--spot);stroke:var(--spot)}.segmented{display:inline-flex;gap:2px}.segmented button{padding:3px 9px;border:none;background:none;color:var(--muted);font-weight:500;transition:color .15s var(--ease)}.segmented button:hover,.segmented button.is-active{color:var(--ink)}.segmented button.is-active{background:var(--wash)}.switch{position:relative;flex:none;width:34px;height:18px;padding:0;border:1px solid var(--ink);border-radius:0;background:transparent;transition:background .15s var(--ease)}.switch span{position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--ink);transition:transform .18s var(--ease),background .15s var(--ease)}.switch[aria-checked=true]{background:var(--ink)}.switch[aria-checked=true] span{background:var(--paper);transform:translate(16px)}.search{display:flex;align-items:center;gap:16px;height:58px;margin-bottom:20px;padding:0 4px;border-bottom:1px solid var(--rule-strong);transition:border-color .15s var(--ease)}.search:focus-within{border-bottom-color:var(--ink)}.search input{flex:1;min-width:0;height:100%;padding:0;border:none;outline:none;background:transparent;font-size:36px;font-weight:300;letter-spacing:-.005em}.search input::placeholder{color:var(--rule-strong)}.search-clear{padding:0;border:none;background:none;color:var(--muted);font:400 11px/1 var(--mono)}.search-clear:hover{color:var(--ink)}.search:focus-within .search-kbd{display:none}.filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 32px;margin-bottom:16px}.filter-type{display:flex;align-items:center;gap:18px;margin-bottom:-3px}.filter{position:relative}.filter-btn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;max-width:220px;padding:0;border:none;background:none;text-align:left}.filter-label{font:400 11px/1 var(--mono);color:var(--muted)}.filter-value{max-width:100%;overflow:hidden;color:var(--muted);font-size:15px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.filter-btn:hover .filter-value,.filter.is-open .filter-value{color:var(--ink)}.filter.has-value .filter-value{color:var(--spot)}.clear-all{margin-left:auto}.popover{position:absolute;top:calc(100% + 14px);left:0;z-index:30;display:flex;flex-direction:column;width:300px;max-height:min(440px,60vh);border:1px solid var(--ink);background:var(--paper);animation:drop-in .14s var(--ease)}.popover-search{margin:12px 14px 6px;height:30px;padding:0;border:none;border-bottom:1px solid var(--rule-strong);outline:none;background:transparent;font-size:14px}.popover-search:focus{border-bottom-color:var(--ink)}.popover-search:focus-visible,.bpm-inputs input:focus-visible{outline:none}.popover-body{flex:1;min-height:0;padding:4px 0;overflow-y:auto}.popover-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--rule);color:var(--muted);font:400 11px/1.3 var(--mono)}.popover-footer .link-btn{font:500 12px/1 var(--sans)}.folder-popover{width:380px}.option{display:grid;grid-template-columns:minmax(0,1fr) 26px;align-items:center;padding-right:6px}.option.has-toggle{grid-template-columns:22px minmax(0,1fr) 26px}.option:hover{background:var(--wash)}.option-main{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:30px;padding:4px 8px 4px 14px;border:none;background:none;color:var(--ink-2);text-align:left}.option.has-toggle .option-main{padding-left:4px}.option:hover .option-main,.option.is-group .option-main{color:var(--ink)}.option.is-group .option-main{font-weight:600}.option-toggle{display:grid;place-items:center;width:22px;height:22px;margin-left:8px;padding:0;border:none;background:none;color:var(--muted)}button.option-toggle:hover{color:var(--ink)}.option-toggle .icon{width:14px;height:14px;transform:rotate(-90deg);transition:transform .15s var(--ease)}.option-toggle.is-open .icon{transform:none}.option-check{display:grid;place-items:center;width:12px;height:12px;border:1px solid var(--ink-2);color:transparent}.option-check .icon{width:10px;height:10px;stroke-width:2.5}.option.is-selected .option-check{border-color:var(--ink);background:var(--ink);color:var(--paper)}.option.is-excluded .option-check{border-color:var(--spot);background:var(--spot);color:var(--spot-ink)}.option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option.is-excluded .option-label{text-decoration:line-through}.option-count{color:var(--muted);font:400 11px/1 var(--mono)}.option-exclude{display:grid;place-items:center;width:24px;height:24px;padding:0;border:none;background:none;color:var(--muted);opacity:0;transition:opacity .1s var(--ease),color .1s var(--ease)}.option-exclude .icon{width:14px;height:14px}.option:hover .option-exclude,.option.is-excluded .option-exclude,.option-exclude:focus-visible{opacity:1}.option-exclude:hover,.option.is-excluded .option-exclude{color:var(--spot)}.popover-empty{padding:16px 14px;color:var(--muted)}.popover-label{color:var(--muted);font:400 11px/1 var(--mono)}.key-popover{width:340px;padding:16px 16px 0;gap:14px}.piano{position:relative;display:flex;height:132px}.key-btn{display:flex;align-items:flex-end;justify-content:center;padding:0 0 8px;border:1px solid var(--ink);border-radius:0;font:400 11px/1 var(--mono);transition:background .1s var(--ease),color .1s var(--ease)}.key-btn.is-white{flex:1;margin-left:-1px;background:var(--paper);color:var(--ink)}.key-btn.is-white:first-child{margin-left:0}.key-btn.is-black{position:absolute;top:0;z-index:1;width:9%;height:60%;background:var(--ink);color:var(--paper);font-size:9.5px;transform:translate(-50%)}.key-btn.is-white:hover{background:var(--wash)}.key-btn.is-black:hover{background:var(--ink-2)}.key-btn.is-selected,.key-btn.is-selected:hover{background:var(--spot);color:var(--spot-ink)}.key-popover .popover-footer{margin:0 -16px}.bpm-popover{width:300px;padding:16px 16px 0;gap:14px}.bpm-inputs{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;color:var(--muted)}.bpm-inputs input{width:100%;height:40px;padding:0;border:none;border-bottom:1px solid var(--rule-strong);outline:none;background:transparent;font-size:26px;font-weight:300;font-variant-numeric:tabular-nums}.bpm-inputs input:focus{border-bottom-color:var(--ink)}.bpm-presets{display:flex;flex-wrap:wrap;gap:6px 16px}.bpm-presets .chip{height:auto;padding:2px 0;background:none;color:var(--ink-2);font:400 12px/1.2 var(--mono)}.bpm-presets .chip:hover{color:var(--ink);background:none}.bpm-presets .chip.is-active{background:none;color:var(--spot)}.bpm-popover .popover-footer{margin:0 -16px}.chip{display:inline-flex;align-items:center;gap:6px;flex:none;height:24px;padding:0 8px;border:none;background:none;color:var(--ink-2);font-size:13px;white-space:nowrap;transition:background .1s var(--ease),color .1s var(--ease)}.chip:hover{background:var(--wash);color:var(--ink)}.chip .chip-count{color:var(--muted);font:400 10.5px/1 var(--mono)}.chip.is-active,.chip.is-active:hover{background:var(--ink);color:var(--paper)}.chip.is-active .chip-count{color:inherit;opacity:.6}.chip.is-excluded{color:var(--muted)}.chip.is-excluded .chip-label,.inspector .chip.is-excluded{text-decoration:line-through;text-decoration-color:var(--spot);text-decoration-thickness:2px}.chip .icon{width:11px;height:11px}.tag-chip{position:relative;padding:0}.tag-chip .chip-main{display:inline-flex;align-items:center;gap:6px;height:100%;padding:0 8px;border:none;background:none;color:inherit;font:inherit}.tag-chip .chip-exclude{display:none;place-items:center;width:18px;height:100%;margin-left:-6px;padding:0;border:none;background:none;color:var(--muted)}.tag-chip:hover .chip-exclude,.tag-chip .chip-exclude:focus-visible{display:grid}.tag-chip .chip-exclude:hover{color:var(--spot)}.tag-strip{display:flex;align-items:center;gap:16px;margin:0 0 16px -8px}.tag-strip .chips{display:flex;flex:1;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 calc(100% - 64px),transparent)}.tag-strip .chips::-webkit-scrollbar{display:none}.tag-strip.is-expanded{align-items:flex-start}.tag-strip.is-expanded .chips{flex-wrap:wrap;max-height:104px;overflow-x:hidden;overflow-y:auto;mask-image:none}.tag-toggle{flex:none;font:400 11px/24px var(--mono)}.results-bar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}.results-count{color:var(--muted);font:400 11px/1 var(--mono)}.results-count strong{color:var(--ink);font-weight:400}.results-actions{display:flex;align-items:baseline;gap:24px}.results-actions .link-btn{font-size:12px}.sort-select{display:inline-flex;align-items:baseline;gap:8px;color:var(--muted);font:400 11px/1 var(--mono)}.sort-select select{padding:0 14px 0 0;border:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%237a7a76' stroke-width='1.2'/%3E%3C/svg%3E") right center / 9px no-repeat;color:var(--ink);font:500 12px/1.4 var(--sans);appearance:none;cursor:pointer}.sort-select select option{background:var(--paper);color:var(--ink)}.list{--cols: 36px minmax(160px, 1.25fr) minmax(110px, 1fr) 60px 48px 70px 54px 26px 26px;position:relative;display:flex;flex:1;flex-direction:column;min-height:0}.list-header,.list-row{display:grid;grid-template-columns:var(--cols);align-items:center;column-gap:16px}.list-header{height:32px;border-bottom:1px solid var(--ink);color:var(--muted);font:400 11px/1 var(--mono)}.list-header .row-num{display:block;text-align:center}.list:not(.show-index) .list-header .row-num{visibility:hidden}.sort-btn{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:none;color:inherit;font:inherit;text-align:left}.sort-btn:hover,.sort-btn.is-active{color:var(--ink)}.sort-indicator{font-size:8px}.list-body{flex:1;min-height:0;overflow-y:auto;outline:none}.list-row{position:relative;height:var(--row-h);cursor:default;user-select:none;content-visibility:auto;contain-intrinsic-size:auto var(--row-h)}.list-row:hover{background:var(--wash)}.list-row.is-selected,.list-row.is-selected:hover{background:var(--rule)}.list-row.is-entering{animation:fade-in .2s var(--ease) both}.col-lead{position:relative;display:grid;place-items:center;height:100%}.row-num{color:var(--muted);font:400 11px/1 var(--mono)}.list-row .row-num{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.list:not(.show-index) .list-row .row-num{display:none}.play-btn{display:grid;place-items:center;width:28px;height:28px;padding:0;border:none;background:none;color:var(--rule-strong);transition:color .1s var(--ease)}.list-row:hover .play-btn,.list-row.is-selected .play-btn{color:var(--ink)}.play-btn .icon{width:14px;height:14px}.list.show-index .list-row:not(:hover):not(.is-selected):not(.is-playing) .play-btn{opacity:0}.list.show-index .list-row:is(:hover,.is-selected,.is-playing) .row-num{visibility:hidden}.list-row.is-playing .play-btn{color:var(--spot)}.cell-name{display:flex;flex-direction:column;gap:2px;min-width:0}.sample-title{overflow:hidden;font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.sample-sub{overflow:hidden;color:var(--muted);font:400 11px/1.2 var(--mono);text-overflow:ellipsis;white-space:nowrap}.wave{position:relative;height:30px;cursor:pointer}.wave canvas{display:block;width:100%;height:100%}.wave-hover{position:absolute;top:0;bottom:0;width:1px;background:currentColor;opacity:0;pointer-events:none}.wave:hover .wave-hover{opacity:.6}.cell{overflow:hidden;color:var(--ink-2);font:400 12px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap}.cell.is-empty{color:var(--rule-strong)}.type-badge{color:var(--muted)}.type-badge.is-loop{color:var(--ink-2)}.fav-btn .icon{width:15px;height:15px}.list-row .fav-btn:not(.is-active),.list-row .more-btn{opacity:0}.list-row:hover .fav-btn,.list-row:hover .more-btn,.list-row.is-selected .fav-btn,.list-row.is-selected .more-btn{opacity:1}.fav-btn.is-active{color:inherit}.fav-btn.is-active .icon{fill:currentColor}.list-empty{position:absolute;inset:32px 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:56px 0}.list-empty h3,.folder-empty h3{margin:0;font:800 44px/.95 var(--sans);font-stretch:62%}.list-empty p,.folder-empty p{max-width:380px;margin:0 0 8px;color:var(--muted)}.list-loading{position:absolute;top:31px;left:0;right:0;height:2px;overflow:hidden}.list-loading:before{content:"";position:absolute;inset:0;width:30%;background:var(--spot);animation:sweep 1s var(--ease) infinite}.menu{position:fixed;z-index:50;min-width:220px;padding:6px 0;border:1px solid var(--ink);background:var(--paper);animation:drop-in .12s var(--ease)}.menu button{display:flex;align-items:center;gap:10px;width:100%;height:30px;padding:0 14px;border:none;background:none;color:var(--ink);text-align:left;white-space:nowrap}.menu button .icon{width:14px;height:14px;color:var(--muted)}.menu button:hover{background:var(--ink);color:var(--paper)}.menu button:hover .icon{color:inherit}.menu hr{margin:6px 0;border:none;border-top:1px solid var(--rule)}.stage{display:flex;flex-direction:column;gap:22px;min-height:0;padding-bottom:24px;overflow-y:auto;scrollbar-width:none}.stage::-webkit-scrollbar{display:none}.specimen{position:relative;flex:none;width:100%;aspect-ratio:1}#specimen-canvas{display:block;width:100%;height:100%}.has-gl #specimen-canvas{visibility:hidden}.specimen-lens{position:absolute;inset:3%;pointer-events:none}.inspector{display:flex;flex-direction:column;gap:18px}.inspector-title{font:800 40px/.92 var(--sans);font-stretch:62%;overflow-wrap:anywhere}.inspector-path{margin-top:10px;color:var(--muted);font:400 11px/1.4 var(--mono);word-break:break-all}.inspector-grid{display:grid;grid-template-columns:92px minmax(0,1fr);margin:0;border-bottom:1px solid var(--rule)}.inspector-grid dt,.inspector-grid dd{margin:0;padding:8px 0;border-top:1px solid var(--rule)}.inspector-grid dt{color:var(--muted);font:400 11px/17px var(--mono)}.inspector-grid dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-grid dd button{max-width:100%;padding:0;border:none;background:none;color:var(--ink);font-weight:500;text-align:left}.inspector-grid dd button:hover{text-decoration:underline;text-underline-offset:3px}.inspector .chips{display:flex;flex-wrap:wrap;gap:2px;margin-left:-8px}.inspector-actions{display:flex;flex-wrap:wrap;gap:8px 20px}.inspector-actions .link-btn.is-active{color:var(--spot)}.transport{display:grid;grid-template-columns:40px minmax(140px,240px) 44px minmax(0,1fr) 44px 150px;align-items:center;gap:18px;padding:0 var(--margin);border-top:1px solid var(--rule)}.transport-play{display:grid;place-items:center;width:40px;height:40px;padding:0;border:none;background:none;color:var(--ink);transition:color .15s var(--ease)}.transport-play:hover{color:var(--spot)}.transport-play .icon{width:18px;height:18px}.player-meta{min-width:0}.player-title,.player-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-title{font-weight:600}.player-sub{margin-top:2px;color:var(--muted);font:400 11px/1.2 var(--mono)}.player-time{color:var(--muted);font:400 11px/1 var(--mono);text-align:center}.player-bar{position:relative;height:40px;cursor:pointer;touch-action:none}.player-bar canvas{display:block;width:100%;height:100%}.player-bar-head{position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--spot);opacity:0}.transport.has-track .player-bar-head{opacity:1}.player-right{display:flex;align-items:center;gap:8px}.player-right input[type=range]{flex:1;min-width:0;height:16px;margin:0;background:transparent;-webkit-appearance:none;appearance:none}.player-right input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--ink)}.player-right input[type=range]::-webkit-slider-thumb{width:10px;height:10px;margin-top:-4.5px;border:none;border-radius:0;background:var(--ink);-webkit-appearance:none}.player-right input[type=range]::-moz-range-track{height:1px;background:var(--ink)}.player-right input[type=range]::-moz-range-thumb{width:10px;height:10px;border:none;border-radius:0;background:var(--ink)}.folder-list{border-bottom:1px solid var(--rule)}.folder{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:18px 0;border-top:1px solid var(--rule)}.folder-body{display:grid;grid-template-columns:minmax(0,1fr) 160px;align-items:baseline;column-gap:24px;min-width:0}.folder-name{overflow:hidden;font:650 22px/1.1 var(--sans);font-stretch:85%;text-overflow:ellipsis;white-space:nowrap}.folder-path{grid-row:2;margin-top:4px;overflow:hidden;color:var(--muted);font:400 11px/1.3 var(--mono);text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left}.folder-status{grid-row:1 / span 2;grid-column:2;color:var(--ink-2);font:400 11px/1.4 var(--mono)}.folder.is-pending .folder-name{color:var(--muted)}.folder.is-error .folder-status{color:var(--danger)}.folder-actions{display:flex;align-items:center;gap:20px}.folder-actions .link-btn{font-size:12px}.progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:var(--spot);transition:width .4s var(--ease)}.progress.is-indeterminate span{width:30%;animation:sweep 1.1s var(--ease) infinite}.folder-empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:40px 0 48px;border-top:1px solid var(--rule)}.reclassify-status{position:relative;margin-bottom:24px;padding:10px 0;color:var(--ink-2);font:400 11px/1.4 var(--mono)}.drop-hint{display:none;margin-top:28px;padding:28px 0;border:1px dashed var(--rule-strong);color:var(--muted);font:400 11px/1 var(--mono);text-align:center;transition:border-color .15s var(--ease),color .15s var(--ease)}.has-native .drop-hint{display:block}.pane-scan.is-dragover .drop-hint{border:1px solid var(--spot);color:var(--spot)}.settings-group{max-width:760px;margin-bottom:40px;border-bottom:1px solid var(--rule)}.settings-group>.settings-label{padding-bottom:14px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;border-top:1px solid var(--rule)}.settings-label{font-size:15px;font-weight:600}.settings-help{margin-top:3px;color:var(--muted)}.shortcuts{display:grid;grid-template-columns:140px 1fr;margin:0}.shortcuts dt,.shortcuts dd{margin:0;padding:10px 0;border-top:1px solid var(--rule)}.shortcuts dt{display:flex;align-items:center;gap:5px;color:var(--muted);font:400 11px/1 var(--mono)}.shortcuts dd{color:var(--ink-2)}.toasts{position:fixed;left:var(--margin);bottom:calc(var(--transport-h) + 16px);z-index:60;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}.toast{max-width:420px;padding:10px 14px;background:var(--ink);color:var(--paper);pointer-events:auto;animation:fade-in .18s var(--ease)}.toast.is-error{background:var(--danger);color:#fff}.toast.is-leaving{opacity:0;transition:opacity .2s var(--ease)}.confirm{width:min(440px,calc(100vw - 32px));padding:28px;border:1px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink)}.confirm::backdrop{background:var(--scrim)}.confirm h2{margin:0 0 10px;font:800 32px/1 var(--sans);font-stretch:62%}.confirm p{margin:0 0 24px;color:var(--ink-2);word-break:break-word}.confirm-actions{display:flex;align-items:center;justify-content:flex-end;gap:24px}@keyframes fade-in{0%{opacity:0}}@keyframes drop-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 1320px){:root{--stage-w: 290px}.pane-browse.is-active{gap:32px}.list{--cols: 36px minmax(150px, 1.2fr) minmax(90px, 1fr) 56px 44px 50px 26px 26px}.col-type{display:none}.inspector-title{font-size:34px}}@media (max-width: 1100px){:root{--stage-w: 250px;--margin: 24px}.list{--cols: 36px minmax(140px, 1fr) 56px 44px 50px 26px 26px}.col-wave{display:none}.search input,.inspector-title{font-size:28px}}@media (max-width: 900px){:root{--stage-w: 220px;--margin: 18px}.pane-browse.is-active{gap:22px}.masthead{gap:20px}.list{--cols: 32px minmax(120px, 1fr) 50px 44px 26px 26px}.col-bpm{display:none}.transport{grid-template-columns:40px 40px minmax(0,1fr) 40px 110px;gap:12px}.player-meta{display:none}.filter-bar{gap:12px 22px}}.demo .masthead,.demo .pane-scan,.demo .pane-settings{display:none!important}:root.demo{--margin: 2px;--glass-clear: 1;--glass-split: 0}:root.demo,.demo body{background:transparent}.demo body{grid-template-rows:minmax(0,1fr) var(--transport-h)}.demo .main{padding-top:4px}:root.demo[data-theme^=dark]{--paper: #080909}:root.demo[data-theme^=light]{--paper: #f5f4f0}@media (max-width: 640px){.demo .pane-browse.is-active.has-selection{grid-template-columns:minmax(0,1fr)}.demo .stage{display:none}.demo .list{--cols: 32px minmax(110px, 1fr) 50px 26px 26px}.demo .col-key{display:none}.demo .search input{font-size:24px}}