@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Mono:wght@300;400;500&display=swap";html{height:100%;overflow:hidden}:root{--bg: #0a0b0e;--surface: #0f1116;--surface2: #14171e;--surface3: #1b1f28;--border: #21252e;--border2: #3d4757;--accent: #00d9ff;--accent2: #00e88f;--warn: #ffb224;--danger: #ff5533;--label: #808b9c;--text: #c2cad6;--text2: #8a94a6;--fg: #e8edf4;--fg-dim: #9aa5b5;--hairline: #2a3038;--tab-h: 52px;--r-xs: 4px;--r-sm: 7px;--r-md: 12px;--r-lg: 18px;--r-pill: 999px;--shadow-sm: 0 2px 8px rgba(0,0,0,.5);--shadow-md: 0 4px 24px rgba(0,0,0,.7);--shadow-lg: 0 8px 48px rgba(0,0,0,.85);--shadow-float: 0 8px 40px rgba(0,0,0,.9), 0 2px 10px rgba(0,0,0,.6);--trans: .16s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:DM Mono,monospace;height:100%;display:flex;flex-direction:column;overflow:hidden}.btn{font-family:DM Mono,monospace;font-size:9px;letter-spacing:1.2px;text-transform:uppercase;padding:6px 13px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);cursor:pointer;border-radius:var(--r-sm);transition:background var(--trans),border-color var(--trans),color var(--trans),box-shadow var(--trans)}.btn:hover{border-color:var(--accent2);color:var(--accent2);background:var(--surface3);box-shadow:0 0 0 1px #00e88f26,0 2px 12px #00000059}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn.primary{border-color:var(--accent2);color:var(--accent2);background:#00e88f0f}.btn.active{border-color:var(--accent2);color:var(--accent2);background:#00e88f21}.btn.warn{border-color:var(--warn);color:var(--warn);background:#ffb2240f}#autoChordBtn.active{border-color:#b8f;color:#b8f;background:#bb88ff1f;animation:chord-pulse 1s ease-in-out infinite alternate}@keyframes chord-pulse{0%{opacity:.7}to{opacity:1}}.btn:disabled{opacity:.25;cursor:default;pointer-events:none}.sep{width:1px;height:20px;background:var(--border2);margin:0 2px;flex-shrink:0;border-radius:var(--r-pill)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:var(--r-pill);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--label)}::-webkit-scrollbar-corner{background:transparent}body.drag-over:after{content:"DROP FILE HERE";position:fixed;inset:0;background:#00d9ff0d;backdrop-filter:blur(3px);border:2px dashed var(--accent);display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,sans-serif;font-size:44px;letter-spacing:10px;color:var(--accent);z-index:50;pointer-events:none}