@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=VT323&display=swap";:root,:root[data-theme=orange]{color-scheme:dark;font-family:Chakra Petch,Segoe UI,sans-serif;line-height:1.4;font-weight:400;--font-ui: "Chakra Petch", "Segoe UI", sans-serif;--font-tracker: "VT323", "Courier New", monospace;--bg: #15161d;--bg-accent: #1b1d27;--panel: rgba(25, 27, 37, .97);--panel-strong: #242734;--border: #3a4153;--text: #f4f1ed;--muted: #8e97aa;--accent: #fc9867;--accent-strong: #ffb38d;--accent-text: #18120f;--accent-soft: color-mix(in srgb, var(--accent) 20%, transparent);--accent-border: color-mix(in srgb, var(--accent) 48%, transparent);--accent-border-strong: color-mix(in srgb, var(--accent-strong) 74%, transparent);--accent-glow: color-mix(in srgb, var(--accent-strong) 46%, transparent);--fuzzy-hit: #ffd866;--fuzzy-hit-bg: color-mix(in srgb, var(--fuzzy-hit) 30%, transparent);--accent-contrast: #78dce8;--accent-contrast-soft: color-mix(in srgb, var(--accent-contrast) 20%, transparent);--accent-contrast-strong: color-mix(in srgb, var(--accent-contrast) 84%, white);--danger: #ff657a;--danger-soft: color-mix(in srgb, var(--danger) 16%, transparent);--danger-border: color-mix(in srgb, var(--danger) 54%, transparent);--app-frame: rgba(86, 92, 110, .36);--shadow: 0 2px 0 rgba(0, 0, 0, .7), 0 18px 36px rgba(0, 0, 0, .6);--results-row-height: 54px}:root[data-theme=lime]{--accent: #a9dc76;--accent-strong: #c9f2a0;--accent-text: #11170d;--fuzzy-hit: #d5f7b1;--accent-contrast: #fc9867}:root[data-theme=yellow]{--accent: #ffd866;--accent-strong: #ffe69c;--accent-text: #171309;--fuzzy-hit: #fff0b8;--accent-contrast: #ab9df2}:root[data-theme=violet]{--accent: #ab9df2;--accent-strong: #d0c8ff;--accent-text: #120f1b;--fuzzy-hit: #e0dcff;--accent-contrast: #a9dc76}:root[data-theme=cyan]{--accent: #78dce8;--accent-strong: #a9eef6;--accent-text: #09161a;--fuzzy-hit: #bff5fb;--accent-contrast: #ffd866}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:radial-gradient(circle at top center,color-mix(in srgb,var(--accent) 10%,transparent) 0%,transparent 34%),repeating-linear-gradient(180deg,#ffffff06 0 2px,#0000002e 2px 4px),linear-gradient(180deg,var(--bg-accent) 0%,var(--bg) 100%);color:var(--text)}body{min-width:0;font-family:var(--font-ui);text-rendering:geometricPrecision}#app{height:100%;overflow:hidden}button,input{font:inherit}button{border:2px solid var(--border);border-radius:6px;background:var(--panel-strong);color:var(--text);cursor:pointer;box-shadow:2px 2px #0006;transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}button:hover:enabled{transform:translate(-1px,-1px);border-color:var(--accent)}button:active:enabled,button.is-pressed:enabled{transform:translate(1px,1px);box-shadow:1px 1px #0006}button:disabled{cursor:not-allowed;opacity:.6}input[type=search]{width:100%;border:2px solid var(--border);border-radius:6px;padding:.46rem .7rem;background:#1c1828;color:var(--text)}.app-shell{width:min(1400px,100vw);height:100dvh;margin:0 auto;padding:14px;border:2px solid var(--app-frame);border-radius:14px;background:var(--panel);box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,290px);gap:10px;overflow:hidden}.topbar{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.headline{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.headline-brand{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;min-width:0}.headline h1{margin:0;font-family:var(--font-tracker);font-size:2rem;line-height:.9;letter-spacing:.04em}.headline-title-link{position:relative;display:inline-block;color:var(--accent-strong);text-shadow:0 0 18px var(--accent-glow),1px 1px 0 rgba(0,0,0,.7);text-decoration:none;transition:color .16s ease,text-shadow .16s ease,transform .16s ease;animation:title-link-breathe 4.8s ease-in-out infinite}.headline-title-link:after{position:absolute;right:0;bottom:-.25rem;left:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-contrast),transparent);content:"";opacity:.45;transform:scaleX(.22);transform-origin:left;transition:opacity .16s ease,transform .16s ease}.headline-title-link:hover,.headline-title-link:focus-visible{color:var(--accent-contrast-strong);text-shadow:0 0 20px var(--accent-glow),1px 1px 0 rgba(0,0,0,.7);transform:translateY(-1px)}.headline-title-link:hover:after,.headline-title-link:focus-visible:after{opacity:.85;transform:scaleX(1)}.headline-title-link:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-contrast) 72%,transparent);outline-offset:5px}@keyframes title-link-breathe{0%,72%,to{text-shadow:0 0 18px var(--accent-glow),1px 1px 0 rgba(0,0,0,.7)}82%{text-shadow:0 0 24px var(--accent-glow),0 0 8px color-mix(in srgb,var(--accent-contrast) 32%,transparent),1px 1px 0 rgba(0,0,0,.7)}}@media(prefers-reduced-motion:reduce){.headline-title-link{animation:none}}.headline-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;flex-wrap:wrap}.headline-reset-button{margin-left:0}.theme-picker{position:relative;min-inline-size:min(100%,34rem);margin:0;border:0;padding:0 0 .85rem;display:inline-flex;align-items:center;gap:.8rem}.theme-picker:after{content:"";position:absolute;left:0;right:0;bottom:.15rem;height:.35rem;background:radial-gradient(circle,color-mix(in srgb,var(--muted) 88%,transparent) 0 1px,transparent 1.6px) left center / .78rem .35rem repeat-x;opacity:.85}.theme-picker-option{position:relative;display:inline-flex;align-items:center;justify-content:center;width:clamp(2.9rem,8vw,5.2rem);height:.9rem;cursor:pointer}.theme-picker-option input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.theme-picker-swatch{width:100%;height:100%;border-radius:0;border:2px solid rgba(11,13,18,.78);background:var(--theme-swatch);cursor:pointer;box-shadow:inset 0 1px color-mix(in srgb,white 22%,transparent),0 0 0 1px color-mix(in srgb,var(--theme-swatch) 24%,black),0 0 12px color-mix(in srgb,var(--theme-swatch) 12%,transparent);opacity:.86;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease,border-color .12s ease}.theme-picker-option input:checked+.theme-picker-swatch{transform:translateY(1px);border-color:color-mix(in srgb,var(--theme-swatch) 80%,white 20%);opacity:1;box-shadow:inset 0 1px color-mix(in srgb,white 30%,transparent),0 0 0 1px color-mix(in srgb,var(--theme-swatch) 26%,black),0 0 0 2px #0c0e14f2,0 0 0 4px color-mix(in srgb,var(--theme-swatch) 34%,transparent),0 0 18px color-mix(in srgb,var(--theme-swatch) 28%,transparent)}.theme-picker-option input:focus-visible+.theme-picker-swatch{opacity:1;box-shadow:inset 0 1px color-mix(in srgb,white 30%,transparent),0 0 0 1px color-mix(in srgb,var(--theme-swatch) 26%,black),0 0 0 2px #0c0e14f2,0 0 0 4px color-mix(in srgb,var(--theme-swatch) 34%,transparent),0 0 18px color-mix(in srgb,var(--theme-swatch) 28%,transparent)}.headline-export-button{padding:.44rem .68rem;font-family:var(--font-tracker);font-size:1.25rem;letter-spacing:.02em;line-height:.9}.panel{border:2px solid var(--border);border-radius:8px;padding:10px;background:linear-gradient(180deg,#241c36d1,#182030e0)}.controls{display:grid;grid-template-columns:auto auto minmax(180px,1fr) auto;gap:7px;align-items:center}.search-wrap{min-width:220px}.primary-button,.secondary-button,.row-button{padding:.5rem .72rem;font-family:var(--font-tracker);font-size:1.3rem;letter-spacing:.03em;line-height:.9}.primary-button{background:var(--accent);color:var(--accent-text);border-color:var(--accent-border-strong)}.primary-button:hover:enabled{background:var(--accent-strong)}.secondary-button.active,.row-button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.write-button{background:var(--accent-contrast-soft);border-color:color-mix(in srgb,var(--accent-contrast) 58%,transparent);color:var(--accent-contrast-strong)}.write-button:hover:enabled{border-color:var(--accent-contrast);background:color-mix(in srgb,var(--accent-contrast) 28%,transparent)}.remove-button{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.remove-button:hover:enabled{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 28%,transparent)}.filter-toggle{display:inline-flex;gap:6px;align-items:center;color:var(--muted);white-space:nowrap;font-family:var(--font-tracker);font-size:1.25rem;letter-spacing:.02em}.statusbar{display:flex;justify-content:space-between;gap:16px;margin-bottom:6px;color:var(--muted);font-family:var(--font-tracker);font-size:1.2rem;letter-spacing:.03em}.statusbar [data-role=assigned-size]{color:var(--accent-contrast-strong)}.scan-progress{margin-bottom:10px;border:2px solid rgba(62,51,86,.8);border-radius:8px;padding:9px 10px 10px;background:linear-gradient(180deg,#1c162aeb,#121622f5)}.scan-progress-head,.scan-progress-detail{display:flex;align-items:center;justify-content:space-between;gap:12px}.scan-progress-head{margin-bottom:7px;font-family:var(--font-tracker);letter-spacing:.03em}.scan-progress-head strong{color:var(--text);font-size:1.2rem}.scan-progress-head span,.scan-progress-detail{color:var(--muted);font-size:1.02rem}.scan-progress-track{position:relative;height:14px;border:2px solid rgba(62,51,86,.8);border-radius:999px;background:repeating-linear-gradient(90deg,#ffffff08 0 8px,#0000002e 8px 16px),#0a0912eb;overflow:hidden}.scan-progress-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 92%,black 8%) 0%,var(--accent-strong) 58%,var(--fuzzy-hit) 100%);box-shadow:0 0 18px var(--accent-glow);transition:width .12s linear}.scan-progress-track.is-indeterminate .scan-progress-fill{position:relative;min-width:24%;animation:scan-progress-indeterminate 1.25s linear infinite}.scan-progress-detail{margin-top:7px;font-family:var(--font-tracker);letter-spacing:.02em}.scan-progress-path{max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}@keyframes scan-progress-indeterminate{0%{transform:translate(-120%)}to{transform:translate(320%)}}.error-box{margin-bottom:16px;border:1px solid rgba(224,80,96,.35);border-radius:14px;padding:12px 14px;background:#e050601a;color:var(--danger)}.success-box{margin-bottom:16px;border:1px solid rgba(120,220,232,.38);border-radius:14px;padding:12px 14px;background:#78dce81f;color:var(--accent-strong)}.waveform-panel{margin-bottom:6px;border:2px solid var(--border);border-radius:8px;padding:5px 10px 8px;background:linear-gradient(180deg,#1c1228e6,#121a26f2)}.waveform-panel.is-active{border-color:var(--accent-border)}.waveform-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:1.1rem;font-family:var(--font-tracker);letter-spacing:.02em}.waveform-meta strong{color:var(--text);font-size:1.3rem}.waveform-controls{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.loop-toggle{display:inline-flex;align-items:center;gap:6px;color:var(--text)}.waveform-duration{display:inline-block;min-width:3.3rem;text-align:right;color:var(--accent-strong)}.waveform-canvas-wrap{position:relative;width:100%;height:128px;margin-top:5px;border-radius:6px;border:2px solid rgba(62,51,86,.8);background:repeating-linear-gradient(180deg,#ffffff0a 0 2px,#0000004d 2px 4px),#080610d9;overflow:hidden}.waveform-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;will-change:opacity}.waveform-canvas-playhead{pointer-events:none}.main-column{display:flex;flex-direction:column;min-height:0}.main-column>.results{flex:1 1 auto;min-height:0}.results{border:2px solid var(--border);border-radius:8px;background:#100d18f2;overflow:hidden;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.results-toolbar{padding:4px 10px;border-bottom:2px solid var(--border);background:#181426e6}.results-toolbar-main-actions{display:flex;align-items:center;justify-content:stretch;min-width:0;width:100%}.toolbar-main-button{display:inline-flex;align-items:center;gap:.38rem;padding:.34rem .52rem;border:2px solid var(--accent-border);border-radius:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong) 90%,var(--accent) 10%),color-mix(in srgb,var(--bg) 88%,var(--accent) 12%));color:var(--accent-strong);font-family:var(--font-tracker);font-size:1.02rem;line-height:.9;letter-spacing:.02em}.keyboard-toolbar{width:100%}.keyboard-cluster{display:grid;grid-template-columns:minmax(260px,3.4fr) minmax(92px,1fr) minmax(108px,1fr) minmax(92px,1fr);grid-template-rows:34px 34px;grid-template-areas:"play random up action" "play random down action";gap:5px;width:100%;overflow:visible}.keyboard-cluster .toolbar-main-button{will-change:transform,box-shadow,filter;transform-origin:center center;box-shadow:2px 2px #00000057}.toolbar-key{flex-direction:column;justify-content:center;gap:.12rem;min-width:0;padding:.24rem .3rem;border-radius:9px;text-align:center}.toolbar-key.is-random-key{grid-area:random;height:100%}.toolbar-key.is-nav-up{grid-area:up}.toolbar-key.is-nav-down{grid-area:down}.toolbar-key.is-write-key{grid-area:action;height:100%}.toolbar-spacebar{grid-area:play;justify-content:center;gap:.2rem;min-width:0;border-radius:12px;padding:.36rem .9rem .3rem}.toolbar-key-arrow{font-family:var(--font-tracker);font-size:1.28rem;line-height:.8}.toolbar-key-label{font-family:var(--font-tracker);font-size:.82rem;letter-spacing:.03em;line-height:.9}.toolbar-spacebar-main{font-family:var(--font-tracker);font-size:1.24rem;letter-spacing:.03em;line-height:.9}.toolbar-spacebar-key{font-family:var(--font-tracker);font-size:.74rem;letter-spacing:.08em;line-height:.9;color:var(--muted)}.toolbar-main-button.is-nav{justify-content:center;min-width:0;font-size:.92rem}.toolbar-main-button.is-play-main{border-color:var(--accent-border-strong);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong) 78%,var(--accent) 22%),color-mix(in srgb,var(--bg) 74%,var(--accent) 26%))}.toolbar-main-button.is-active-play{border-color:var(--accent-border-strong);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong) 62%,var(--accent) 38%),color-mix(in srgb,var(--bg) 56%,var(--accent) 44%));color:var(--fuzzy-hit)}.toolbar-main-button:hover:enabled{border-color:var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong) 84%,var(--accent) 16%),color-mix(in srgb,var(--bg) 80%,var(--accent) 20%))}.toolbar-main-button.is-write{border-color:color-mix(in srgb,var(--accent-contrast) 58%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong) 82%,var(--accent-contrast) 18%),color-mix(in srgb,var(--bg) 78%,var(--accent-contrast) 22%));color:var(--accent-contrast-strong)}.toolbar-main-button.is-remove{border-color:var(--danger-border);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong) 82%,var(--danger) 18%),color-mix(in srgb,var(--bg) 76%,var(--danger) 24%));color:var(--danger)}.toolbar-main-button-icon{width:.92rem;height:.92rem;display:inline-flex;flex:0 0 auto}.toolbar-main-button-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.toolbar-main-button-icon .is-solid{fill:currentColor;stroke:none}.toolbar-toggle{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:.26rem .4rem;border:2px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:6px;background:#1c162ae0;color:var(--muted);font-family:var(--font-tracker);font-size:.96rem;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.toolbar-toggle input{width:13px;height:13px;margin:0}.danger-button{padding:.48rem .7rem;border:2px solid rgba(224,80,96,.5);border-radius:6px;background:#e050601a;color:var(--danger);font-family:var(--font-tracker);font-size:1.25rem;letter-spacing:.02em;line-height:.9}.danger-button:hover:enabled{border-color:var(--danger);background:#e0506033}.results-header,.sample-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,1.4fr) 250px;gap:16px;align-items:center}.results-header{padding:10px 14px;border-bottom:2px solid var(--border);color:var(--muted);font-size:1.08rem;text-transform:none;letter-spacing:.03em;font-family:var(--font-tracker)}.results-body{flex:1 1 auto;min-height:0;overflow:auto;overflow-anchor:none;overscroll-behavior:contain}.results-virtual-spacer{height:0}.results-virtual-rows{min-height:0}.sample-row{height:var(--results-row-height);padding:10px 14px;border-bottom:1px solid rgba(62,51,86,.6);cursor:pointer;transition:background .12s ease}.sample-row>div{min-width:0}.sample-row:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.sample-row.is-selected{background:color-mix(in srgb,var(--accent) 18%,transparent)}.sample-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sample-path{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fuzzy-hit{display:inline;color:var(--fuzzy-hit);background:var(--fuzzy-hit-bg);border-radius:3px;font-weight:800;padding:0 .08em;margin:0 -.04em}.row-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}.slot-indicator{flex:0 0 80px;min-width:80px;border:2px solid var(--border);border-radius:6px;padding:.38rem .3rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;line-height:1;background:#1c1828;color:var(--muted);font-weight:600;font-family:var(--font-tracker);font-size:.95rem;letter-spacing:.01em;font-variant-numeric:tabular-nums}.slot-panel{border:2px solid var(--border);border-radius:8px;background:#100d18f5;height:100%;min-height:0;overflow:hidden;padding:4px}.slot-panel-layout{height:100%;min-height:0;display:block}.slot-categories{height:100%;min-height:0;display:flex;flex-direction:column;gap:3px;padding:0}.slot-category{flex:1 1 0;min-height:0;border:2px solid rgba(62,51,86,.72);border-radius:6px;background:linear-gradient(180deg,#20162ed1,#161e2ce6);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;align-items:stretch;padding:3px;overflow:hidden;cursor:pointer}.slot-category.is-active{border-color:color-mix(in srgb,var(--accent-contrast) 68%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong) 80%,var(--accent-contrast) 20%),color-mix(in srgb,var(--bg) 84%,var(--accent-contrast) 16%))}.slot-category-meta{display:flex;flex-direction:column;justify-content:space-between;gap:3px;min-width:0}.slot-category-meta-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.slot-category-range{font-family:var(--font-tracker);font-size:.88rem;color:var(--muted);text-align:left;white-space:nowrap;letter-spacing:.02em}.slot-category-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.1rem;padding:0 .28rem;border:1px solid transparent;border-radius:999px;color:transparent;background:transparent;font-family:var(--font-tracker);font-size:.88rem;line-height:1;font-weight:700;opacity:0;transform:translateY(1px);transition:opacity .14s ease,color .14s ease,background .14s ease,border-color .14s ease}.slot-category-size{font-family:var(--font-tracker);font-size:.82rem;color:var(--accent-contrast-strong);text-align:left;white-space:nowrap;letter-spacing:.02em}.slot-category-input{width:100%;min-width:0;border:2px solid var(--accent-border);border-radius:6px;padding:.18rem .28rem;background:color-mix(in srgb,var(--panel-strong) 84%,var(--accent) 16%);color:var(--accent-strong);font-family:var(--font-tracker);font-size:1.15rem;letter-spacing:.01em}.slot-category.is-active .slot-category-count{border-color:color-mix(in srgb,var(--accent-contrast) 34%,transparent);color:var(--accent-contrast-strong);background:color-mix(in srgb,var(--panel) 76%,var(--accent-contrast) 24%);opacity:1}.slot-category-pixels{height:100%;aspect-ratio:1 / 1;min-height:0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));gap:1px;align-self:stretch}.slot-pixel{min-width:0;min-height:0;border-radius:1px;background:color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.slot-pixel.is-assigned{background:color-mix(in srgb,var(--accent) 88%,black 12%);box-shadow:none}.empty-state{padding:40px 24px;text-align:center;color:var(--muted)}