:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f0ea;background:#111315;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{width:100%;height:100%;overflow:hidden}*{box-sizing:border-box}body{background:#111315;width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:#f2f0ea;cursor:pointer;background:#24282b;border:1px solid #3a3e41;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 12px;display:inline-flex}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#315f87;border-color:#4e83ad}.danger{background:#382225;border-color:#684148}.hidden-file-input{display:none}.app-shell{outline:none;grid-template-rows:auto 1fr;width:100vw;height:100dvh;display:grid;overflow:hidden}.topbar{background:#181b1d;border-bottom:1px solid #2c3033;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.brand h1,.panel-head h2{letter-spacing:0;margin:0}.brand h1{font-size:18px;line-height:1.2}.brand p{color:#a9b0b6;margin:3px 0 0;font-size:13px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.workspace{grid-template-columns:minmax(280px,42vw) 1fr;min-height:0;display:grid;overflow:hidden}.library-panel,.detail-panel{min-width:0;min-height:0;padding:14px}.library-panel{grid-template-rows:auto 1fr;display:grid;overflow:hidden}.detail-panel{overflow:auto}.library-panel{border-right:1px solid #2c3033}.panel-head{justify-content:space-between;align-items:center;gap:12px;min-height:36px;display:flex}.panel-head h2{text-transform:uppercase;color:#a9b0b6;font-size:14px}#library-count{color:#81888f;font-size:12px}.tree{background:#15181a;border:1px solid #2c3033;border-radius:8px;height:auto;min-height:0;padding:6px;overflow:auto}.tree-row{width:100%;min-height:30px;padding:0 8px 0 calc(8px + var(--depth) * 18px);color:#dfe4e7;background:0 0;border:0;border-radius:5px;justify-content:flex-start}.tree-row[aria-selected=true]{color:#fff;background:#26445c}.tree-row.invalid{color:#f1aeb5}.twisty{color:#8f989f;width:16px}.tree-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.badge{border-radius:999px;margin-left:auto;padding:2px 7px;font-size:11px}.badge.bad{color:#ffd6dc;background:#5a2630}.empty{color:#81888f;margin:12px}.details{background:#15181a;border:1px solid #2c3033;border-radius:8px;grid-template-columns:92px minmax(0,1fr);gap:10px 12px;margin:10px 0 18px;padding:14px;display:grid}.details dt{color:#81888f}.details dd{overflow-wrap:anywhere;min-width:0;margin:0}.midi-box{background:#15181a;border:1px solid #2c3033;border-radius:8px;padding:14px}.field{grid-template-columns:92px 1fr;align-items:center;gap:12px;margin:8px 0 12px;display:grid}.field span{color:#81888f}select{color:#f2f0ea;background:#202427;border:1px solid #3a3e41;border-radius:6px;width:100%;min-height:34px;padding:0 10px}.toggles{flex-wrap:wrap;gap:14px;margin:10px 0 14px;display:flex}.toggles label{color:#d4d9dd}.status{color:#a9b0b6;min-height:24px;margin:16px 0 0}.status.ok{color:#9ad5ad}.status.warn{color:#f0ce86}.status.error{color:#f0a0aa}@media (width<=760px){.topbar{flex-direction:column;align-items:flex-start}.workspace{grid-template-columns:1fr}.library-panel{border-bottom:1px solid #2c3033;border-right:0}.tree{height:42dvh}}