.explorer{width:100%}.filters{gap:1.25rem;margin-bottom:2rem;display:grid}.filter-group{flex-direction:column;gap:.4rem;display:flex}.filter-group label{color:#888;text-transform:uppercase;letter-spacing:.08em;font-size:.6875rem;font-weight:400}.filter-group select,.filter-group input{color:#1a1a1a;cursor:pointer;appearance:none;background:#fff;border:none;border-bottom:1px solid #d0d0d0;border-radius:0;padding:.5rem 0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:300;transition:border-color .15s}.filter-group select{background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1' fill='none'/%3E%3C/svg%3E");background-position:right 0 center;background-repeat:no-repeat;padding-right:1.25rem}.filter-group select:focus,.filter-group input:focus{border-bottom-color:#1a1a1a;outline:none}.filter-group--categories{min-width:0}.category-bar{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1' fill='none'/%3E%3C/svg%3E");background-position:right 0 center;background-repeat:no-repeat;border-bottom:1px solid #d0d0d0;min-height:2.125rem;padding:.5rem 1.25rem .5rem 0;transition:border-color .15s;position:relative}.category-bar:focus-within{border-bottom-color:#1a1a1a}.category-bar-content{z-index:2;pointer-events:none;flex-wrap:wrap;align-items:center;gap:.3rem;min-height:1.25rem;display:flex;position:relative}.category-chips{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.category-placeholder{color:#1a1a1a;font-size:.875rem;font-weight:300;line-height:1.25}.category-bar.has-selection .category-placeholder{display:none}.category-chip{color:#333;cursor:pointer;pointer-events:auto;z-index:3;background:#f7f7f7;border:1px solid #d0d0d0;align-items:center;gap:.2rem;padding:.15rem .4rem;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.75rem;font-weight:400;line-height:1.2;transition:background .12s,border-color .12s,color .12s;display:inline-flex;position:relative}.category-chip:hover{color:#1a1a1a;background:#efefef;border-color:#999}.category-chip-remove{color:#888;font-size:.875rem;line-height:1}.filter-group--categories .category-add-select{opacity:0;z-index:1;cursor:pointer;background:0 0;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.results-toolbar{margin-bottom:0}.results-count-row{align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.pagination-controls{gap:.25rem;display:flex}.page-btn{color:#555;cursor:pointer;background:0 0;border:1px solid #ddd;padding:.2rem .6rem;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.75rem;font-weight:400;line-height:1;transition:color .15s,border-color .15s,opacity .15s}.page-btn:hover:not(:disabled){color:#1a1a1a;border-color:#999}.page-btn:disabled{opacity:.35;cursor:default}.ref-count{color:#888;letter-spacing:.02em;white-space:nowrap;font-size:.8125rem;font-weight:300}.toolbar-row{border-bottom:1px solid #d0d0d0;align-items:center;padding:.6rem 1rem;display:flex}.col-header{color:#666;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;user-select:none;flex:none;align-items:center;gap:.25rem;padding-right:1rem;font-size:.6875rem;font-weight:400;transition:color .15s;display:flex}.col-header:hover,.col-header.active-sort{color:#1a1a1a}.sort-arrow{color:#bbb;margin-left:.15rem;font-size:.5rem;display:inline-block}.col-header.active-sort .sort-arrow{color:#1a1a1a}.col-search{flex:0 200px;min-width:150px;margin-left:auto}.col-search input{color:#1a1a1a;background:#fff;border:none;border-bottom:1px solid #d0d0d0;border-radius:0;outline:none;width:100%;padding:.4rem 0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.8125rem;font-weight:300;transition:border-color .15s}.col-search input:focus{border-bottom-color:#1a1a1a}.col-search input::placeholder{color:#bbb}.results{border-bottom:1px solid #d0d0d0}.ref-row{border-bottom:1px solid #f0f0f0}.ref-row.is-expanded .ref-row-header{z-index:2;background:#fff;position:relative;box-shadow:0 4px 8px -2px #1a1a1a17}.ref-row-header{cursor:pointer;user-select:none;align-items:center;gap:0;padding:.75rem 1rem;transition:background .1s;display:flex}.ref-row-header:hover{background:#fafafa}.ref-row-header .field{color:#333;text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:.875rem;font-weight:300;overflow:hidden}.ref-row-header .field.primary{color:#1a1a1a;font-weight:400}.ref-row-header .chevron{color:#bbb;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;margin-left:auto;font-size:.75rem;transition:transform .15s;display:inline-flex}.ref-row-header .chevron.expanded{transform:rotate(180deg)}.ref-row-detail-container{grid-template-rows:0fr;transition:grid-template-rows .25s ease-out;display:grid}.ref-row-detail-container.is-expanded{grid-template-rows:1fr}.ref-row-detail-inner{border-top:1px solid #f5f5f5;min-height:0;padding:0 1rem 1rem;overflow:hidden}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding-top:1rem;display:grid}.detail-item{flex-direction:column;gap:.2rem;display:flex}.detail-item .detail-label{text-transform:uppercase;letter-spacing:.08em;color:#999;font-size:.625rem;font-weight:400}.detail-item .detail-value{color:#555;font-size:.8125rem;font-weight:300;line-height:1.5}.detail-item--full{grid-column:1/-1}.ref-canvas-mount{width:100%;overflow:visible}.ref-canvas-mount .music-canvas{width:100%;min-height:0;position:relative}.ref-canvas-mount .music-canvas__render-host{width:100%;line-height:0;overflow:visible}.ref-canvas-mount .music-canvas__render-host svg{vertical-align:top;width:100%;height:auto;display:block}.ref-canvas-status{color:#888;margin-top:.75rem;font-size:.8125rem;font-weight:300}.ref-key-controls{flex-direction:column;gap:.5rem;margin-top:1.25rem;display:flex}.ref-key-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ref-key-btn{color:#555;cursor:pointer;background:0 0;border:1px solid #ddd;padding:.25rem .55rem;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.75rem;font-weight:400;line-height:1.2;transition:color .15s,border-color .15s}.ref-key-btn:hover{color:#1a1a1a;border-color:#999}.ref-key-label{color:#1a1a1a;text-align:center;min-width:6rem;font-size:.875rem;font-weight:400}