:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101111;--surface:#161817;--surface-raised:#1e201f;--surface-soft:#242723;--line:#393d39;--line-strong:#51564f;--text:#f0f2ed;--muted:#a0a69d;--accent:#c8e070;--accent-ink:#1d220f;--warning:#ffbd66;--danger:#ff7d6b;--radius:8px;background:var(--bg);color:var(--text);font-synthesis:none;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif}html{width:100%;height:100%;overflow:hidden}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0, #c8e0700b, transparent 30rem), var(--bg);width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-raised);min-height:36px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}button:hover:not(:disabled){border-color:var(--accent)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.danger{color:#ffd1ca;background:#ff7d6b29;border-color:#ff7d6ba6}.hidden-file-input{display:none}.app{--ui-zoom:1;--ui-zoom-layout-scale:1;height:100dvh;min-height:0;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:radial-gradient(circle at 50% 0, #c8e0700b, transparent 30rem), var(--bg);overflow:hidden}.app-shell{width:min(calc(100% * var(--ui-zoom-layout-scale)), calc(1440px * var(--ui-zoom-layout-scale)));height:calc(100% * var(--ui-zoom-layout-scale));min-height:0;transform:scale(var(--ui-zoom));transform-origin:0 0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);outline:none;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative;left:max(0px,50% - 720px);overflow:hidden;box-shadow:0 22px 80px #0000006b}.zoom-overlay{z-index:90;top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));pointer-events:none;position:fixed}.zoom-control{border:1px solid var(--line);border-radius:var(--radius);pointer-events:auto;background:linear-gradient(#ffffff14,#ffffff06);align-items:center;gap:4px;min-height:34px;padding:4px;display:inline-flex;box-shadow:0 8px 28px #00000047}.zoom-control button{min-width:26px;height:26px;min-height:26px;color:var(--muted);background:#ffffff0d;border:0;border-radius:6px;place-items:center;padding:0 8px;font-size:13px;font-weight:800;line-height:1;display:inline-grid}.zoom-control button:hover:not(:disabled){color:var(--text);background:#d7ff591f}.zoom-control button:disabled{cursor:default;opacity:.42}.zoom-control .zoom-reset{min-width:48px;color:var(--text);font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace}.topbar{border-bottom:1px solid var(--line);background:#111411;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:10px 18px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{border:1px solid var(--accent);border-radius:var(--radius);width:48px;height:42px;color:var(--accent);letter-spacing:-.1em;flex:none;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:800;display:grid}.brand strong,.brand span,.panel-head h2{margin:0;display:block}.brand strong{letter-spacing:.01em;font-size:16px;line-height:1.2}.brand span{max-width:min(58vw,640px);color:var(--muted);text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;margin:2px 0 0;font-size:11px;overflow:hidden}.workspace{background:var(--surface);grid-template-columns:416px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.library-panel,.detail-panel{min-width:0;min-height:0;padding:14px}.library-panel{border-right:1px solid var(--line);background:#111411;grid-template-rows:auto auto minmax(0,1fr);gap:10px;display:grid;overflow:hidden}.detail-panel{grid-template-rows:auto auto auto auto minmax(0,1fr);gap:12px;display:grid;overflow:hidden}.panel-head{justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.panel-head h2{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}#library-count{color:#7d877b;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.catalog-toolbar{gap:8px;display:grid}.search-field{display:block}.search-field input,.category-dialog input{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-raised);width:100%;min-height:38px;color:var(--text);padding:7px 10px;font-size:13px}.catalog-scopes,.category-checks{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.catalog-scopes button,.category-check{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;min-width:0;min-height:32px;padding:6px 9px;font-size:10px}.scope-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.scope-count{color:var(--muted);letter-spacing:0;font-weight:500}.catalog-scopes button[aria-pressed=true] .scope-count{color:color-mix(in srgb, var(--accent) 72%, var(--muted))}.catalog-scopes button[aria-pressed=true],.favorite-button[aria-pressed=true],.catalog-box button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#c8e07026}.category-scope{border:1px solid var(--line-strong);background:var(--surface-raised);border-radius:999px;align-items:center;min-width:0;display:inline-flex;overflow:hidden}.category-scope button{text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:0;max-width:138px;overflow:hidden}.category-scope button[aria-pressed=true]{background:#c8e07026}.category-scope .icon-button{width:30px;min-width:30px;color:var(--muted);padding:0}.category-view-toggle{border:1px solid var(--line-strong);background:var(--surface-raised);border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.category-view-toggle button{min-height:32px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:0 0;border:0;border-radius:0;padding:6px 10px;font-size:10px}.category-view-toggle button[aria-pressed=true]{color:var(--accent);background:#c8e07026}.tree{border:1px solid var(--line);border-radius:var(--radius);background:#101310;min-height:0;padding:8px;overflow:auto}.tree-row{border-radius:var(--radius);width:100%;min-height:39px;padding:6px 8px 6px calc(8px + var(--depth) * 20px);color:var(--text);text-align:left;background:0 0;border:1px solid #0000;justify-content:flex-start;align-items:center;gap:6px;display:flex}.tree-row:hover{background:var(--surface)}.tree-row[aria-selected=true]{border-color:var(--line-strong);background:var(--surface-soft);color:var(--accent)}.tree-row.invalid{color:#ffb8ae}.twisty{color:#aab0a8;background:0 0;border:0;border-radius:5px;flex:0 0 26px;place-items:center;width:26px;min-width:26px;height:26px;min-height:26px;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;font-weight:900;line-height:1;display:inline-grid}.twisty:empty{visibility:hidden}.tree-label{text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:auto;justify-content:flex-start;min-width:0;min-height:28px;padding:2px 0;font-size:15px;font-weight:700;overflow:hidden}.favorite-button{color:#778074;background:0 0;border-color:#0000;width:30px;min-width:30px;min-height:30px;padding:0;font-size:16px}.badge{border:1px solid #ff7d6b57;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.badge.bad{color:#ffd1ca;background:#ff7d6b29}.empty{color:var(--muted);margin:12px;font-size:12px}.details,.catalog-box,.midi-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.details{background:var(--line);grid-template-columns:92px minmax(0,1fr);gap:1px;margin:0;display:grid;overflow:hidden}.details dt,.details dd{background:var(--surface);min-height:36px;margin:0;padding:8px 10px;font-size:14px}.details dt{color:var(--muted)}.details dd{overflow-wrap:anywhere;min-width:0}.catalog-box{padding:12px}.catalog-box-head{justify-content:space-between;align-items:center;gap:10px;min-height:34px;margin-bottom:8px;display:flex}.catalog-box h2,.category-dialog h2{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:12px}.category-check{border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--text);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.category-check:has(input:checked){border-color:var(--accent);color:var(--accent);background:#c8e07026}.catalog-box>button{margin-top:10px}.compact{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.category-dialog{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);width:min(420px,100vw - 28px);max-height:calc(100dvh - 28px);color:var(--text);padding:16px}.category-dialog::backdrop{background:#00000094}.category-dialog form{gap:10px;display:grid}.dialog-error{min-height:18px;color:var(--danger);margin:0;font-size:12px}.dialog-copy{color:var(--text);margin:0;font-size:14px;line-height:1.45}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.midi-box{padding:14px}.field{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;margin:8px 0 12px;display:grid}.field span{color:var(--muted);font-size:14px}select{border:1px solid var(--line-strong);background:var(--surface-raised);width:100%;min-height:34px;color:var(--text);border-radius:5px;padding:6px 8px;font-size:14px}.toggles{flex-wrap:wrap;gap:14px;margin:10px 0 14px;display:flex}.toggles label{color:var(--text);font-size:14px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.drop-zone{border:1px dashed var(--line-strong);border-radius:var(--radius);width:100%;height:100%;min-height:0;color:var(--text);text-align:center;background:radial-gradient(circle at 50% 38%,#c8e07012,#0000 19rem),#101310;place-content:center;align-self:stretch;justify-items:center;gap:10px;padding:24px;display:grid}.drop-zone:hover,.drop-zone:focus-visible{border-color:var(--accent);background:radial-gradient(circle at 50% 38%, #c8e0701a, transparent 20rem), var(--surface-soft)}.drop-zone-plus{border:1px solid var(--accent);border-radius:var(--radius);width:42px;height:42px;color:var(--accent);place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:24px;font-weight:800;line-height:1;display:grid}.drop-zone-title{letter-spacing:-.01em;font-size:18px;font-weight:700}.drop-zone-subtitle{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.connection-cluster{align-items:center;gap:10px;min-width:0;display:flex}.connection-state{max-width:430px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.connection-state.is-connected{color:var(--accent)}.statusbar{border-top:1px solid var(--line);color:#7d877b;background:#0a0c0a;justify-content:space-between;align-items:center;gap:12px;min-height:26px;padding:5px 12px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.statusbar span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.statusbar span:first-child{flex:auto}.statusbar span:last-child{flex:none}.statusbar--mobile{display:none}.statusbar-button{border:1px solid var(--line);min-height:20px;color:var(--muted);text-transform:uppercase;background:0 0;border-radius:5px;flex:none;padding:2px 7px;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace}.statusbar-button:hover:not(:disabled){border-color:var(--line-strong);color:var(--text);background:#ffffff0a}.statusbar-support-button{color:var(--accent);border-color:#c8e07057;align-items:center;gap:5px;display:inline-flex}.statusbar-support-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#c8e07014}.statusbar-support-button i{border:1px solid;border-top:0;border-radius:0 0 3px 3px;width:9px;height:8px;position:relative}.statusbar-support-button i:before{content:"";border:1px solid;border-left:0;border-radius:0 3px 3px 0;width:4px;height:4px;position:absolute;top:1px;right:-4px}.statusbar-support-button i:after{content:"";background:currentColor;height:1px;position:absolute;bottom:-3px;left:1px;right:1px}.app-dialog{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);width:min(100%,520px);max-height:calc(100dvh - 28px);color:var(--text);padding:16px;box-shadow:0 26px 90px #0000008c}.app-dialog::backdrop{background:#040604b8}.info-dialog{width:min(100%,560px)}.feedback-dialog{width:min(100%,620px)}.dialog-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.dialog-head h2,.dialog-head p{margin:0}.dialog-head h2{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.dialog-head p{color:var(--muted);margin-top:4px;font-size:13px}.info-dialog-body{color:var(--text);gap:10px;font-size:13px;line-height:1.55;display:grid}.info-dialog-body p{margin:0}.feedback-fields{gap:14px;display:grid}.feedback-fields .field{margin:0}.feedback-fields input,.feedback-fields textarea{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-raised);width:100%;min-height:38px;color:var(--text);padding:7px 10px;font-size:13px}.feedback-fields textarea{resize:vertical;min-height:120px;display:block}.feedback-message-field{align-items:start}.feedback-dialog .dialog-actions{margin-top:18px}@media (width<=760px){body{overflow:auto}.app{height:auto;min-height:100dvh;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));overflow:visible}.app-shell{width:100%;height:auto;min-height:100dvh;left:0;overflow:visible;transform:none}.zoom-overlay{pointer-events:auto;justify-content:flex-end;width:100%;padding:0 0 8px;display:flex;position:static}.topbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px 14px}.brand{min-width:0}.brand span{max-width:100%}.workspace{grid-template-columns:1fr;overflow:visible}.library-panel{border-right:0;border-bottom:1px solid var(--line)}.tree{height:42dvh}.detail-panel{overflow:visible}.field{grid-template-columns:1fr}.drop-zone{height:auto;min-height:220px}.app-shell>.statusbar{display:none}.statusbar--mobile{z-index:80;right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;justify-content:flex-start;display:flex;position:fixed;box-shadow:0 10px 36px #0000006b}.statusbar span:first-child{flex-basis:100%}}@media (pointer:coarse){button{min-height:44px}.zoom-control button{min-width:36px;height:34px}select{min-height:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}