*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#060606;color:#eee;font:14px Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;background:#111214;color:inherit;border:1px solid #414141;border-radius:7px;padding:9px}button{cursor:pointer}button:hover:not(:disabled){border-color:#e8bb48}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ffd447;outline-offset:2px}.gold,button[aria-pressed=true]{background:#e5b648;color:#090909;border-color:#b88c26}aside{position:fixed;inset:0 auto 0 0;width:210px;background:#090909;border-right:1px solid #333;padding:10px;overflow:auto;z-index:5}.logo{width:190px;height:150px;object-fit:contain}nav a{display:flex;gap:12px;align-items:center;padding:12px 9px;margin:4px 0;border-radius:7px;font-size:13px}nav img{width:22px;height:22px}nav .active{background:#2d2514;color:#e5b648;border-left:3px solid #e5b648}.storage{border:1px solid #333;border-radius:8px;margin-top:18px;padding:10px}.storage p,.storage small{font-size:11px;color:#aaa;line-height:1.5}.storage h3{font-size:13px;margin:0}main{margin-left:210px;padding:15px 16px}small{font-size:11px;color:#aaa;line-height:1.5}.top{display:flex;gap:14px;align-items:center;margin-bottom:15px}.top input{flex:1;min-width:0;padding:13px}.top #tabs{display:flex;gap:7px}.top button{white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.library{min-width:0}header{height:175px;background:#0b0906 url('/brand/beats-header.png') center/cover;border:1px solid #756024;border-radius:8px;padding:18px 24px;position:relative}h1{font-size:23px;margin:0;line-height:1.1;text-shadow:0 2px 5px #000}h1 span{font-size:42px;color:#e5b648}header p{font-size:12px;letter-spacing:1px;margin:9px 0}header small{max-width:65%;display:block;color:#ddd}header button{position:absolute;bottom:15px;right:16px}.genres{display:flex;gap:7px;overflow:auto;margin:14px 0}.genres button{flex:0 0 80px;padding:0;overflow:hidden;font-size:11px}.genres img{width:80px;height:60px;object-fit:cover;display:block}.genres span{display:block;padding:6px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.filters select,.filters button{font-size:12px;padding:8px;min-width:80px;max-width:140px}.panel{background:#0d0e10;border:1px solid #303030;border-radius:9px;padding:12px;min-width:0}.listhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}h2{font-size:17px;margin:0}.listhead button{font-size:11px;padding:5px}.tablewrap{overflow:auto;min-height:250px;max-height:550px}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}th{color:#aaa;font-weight:normal;padding:9px 5px;border-bottom:1px solid #333;white-space:nowrap}td{padding:9px 5px;border-bottom:1px solid #252525}tr.selected{background:#211c10}td .titlebutton{display:flex;gap:8px;align-items:center;text-align:left;border:0;background:transparent;padding:0;max-width:200px;min-width:130px}td img{width:35px;height:35px;object-fit:cover;border-radius:5px}td strong{display:block;font-size:12px;overflow-wrap:anywhere}td small{font-size:10px;display:block}td button{font-size:11px;padding:6px;white-space:nowrap}td canvas{width:100px;height:24px;display:block}#empty{color:#aaa;line-height:1.6}.paging{display:flex;gap:8px;align-items:center;margin:12px 0;font-size:12px}.paging button,.paging select{font-size:12px}.paging select{margin-left:auto}#status{color:#e5b648;font-size:13px;line-height:1.5}.source{display:block;font-size:11px;color:#aaa;margin-top:9px}.player{align-self:start;position:sticky;top:15px}.player>img{width:100%;height:250px;object-fit:contain;background:#040404;border-radius:6px}.player h2{margin-top:13px;font-size:20px;overflow-wrap:anywhere}.player>p{font-size:12px;color:#aaa;line-height:1.6}.player audio{width:100%;margin:5px 0}#wave{width:100%;height:50px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:13px 0}.actions button{font-size:12px}.actions .gold{grid-column:1/-1}#detailtabs{display:flex;gap:6px;border-block:1px solid #333;padding:8px 0}#detailtabs button{font-size:12px;flex:1;padding:7px}dl{display:grid;grid-template-columns:80px minmax(0,1fr);gap:11px;font-size:12px;margin:17px 0}dt{color:#999}dd{margin:0;overflow-wrap:anywhere}#edit{width:100%;font-size:12px}.license-note{font-size:11px!important}.recordlink{display:block;color:#e5b648;text-align:center;padding:8px}.favorite-icon{width:14px!important;height:14px!important;object-fit:contain}.tablewrap button[aria-pressed=true]{background:#33270c;color:#ffd447}dialog{background:#101113;color:#eee;border:1px solid #b98d29;border-radius:9px;padding:24px;width:min(620px,94vw);max-height:85vh;overflow:auto}dialog::backdrop{background:#000c}dialog label{display:block;margin:11px 0;font-size:12px}dialog input:not([type=checkbox]),dialog select,dialog textarea{width:100%;display:block;margin-top:5px}dialog p{font-size:12px;line-height:1.6}dialog button,dialog a{display:inline-block;padding:10px;margin:5px;border:1px solid #666;border-radius:6px}dialog .formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}#menu{display:none}@media(max-width:1250px){.workspace{grid-template-columns:minmax(0,1fr) 280px}.top{flex-wrap:wrap}.top input{flex-basis:50%}.top #tabs{order:3;width:100%}.player>img{height:200px}h1 span{font-size:36px}.tablewrap{max-height:450px}}@media(max-width:950px){.workspace{grid-template-columns:1fr}.player{position:static;max-width:none}.player>img{height:220px}.top #tabs{overflow:auto}.tablewrap{max-height:500px}}@media(max-width:650px){aside{display:none;width:210px}aside.open{display:block}main{margin:0;padding:10px 8px}#menu{display:block}.top{gap:7px}.top input{flex-basis:100%}.top #tabs button{padding:8px}.top #tabs{gap:5px}header{height:210px;padding:23px 14px}h1 span{font-size:34px}header small{max-width:100%}header button{position:static;margin-top:11px}.genres button{flex-basis:72px}.genres img{width:72px;height:50px}.filters select,.filters button{max-width:125px;min-width:80px}.panel{padding:9px}dialog .formgrid{grid-template-columns:1fr}.paging{flex-wrap:wrap}.tablewrap{max-height:420px}}
@media(min-width:951px){.player>img{height:180px}.actions .gold{grid-column:auto}.player dl{gap:8px;font-size:11px;margin:12px 0}.player>p{margin:8px 0}.player #wave{height:36px}.actions{margin:9px 0}}