*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#060606;color:#f4f3ef;font-family:Arial,Helvetica,sans-serif;font-size:15px}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #ffca38;outline-offset:4px}button img,.nav-link img,.search img,.private img{width:24px;height:24px;filter:invert(82%) sepia(66%) saturate(821%) hue-rotate(344deg) brightness(103%) contrast(101%)}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;padding:20px 20px 15px;background:#070707;border-right:1px solid #775a17;display:flex;flex-direction:column;z-index:5;overflow-y:auto}.brand{display:block;height:165px;margin-bottom:17px;text-align:center}.brand img{width:100%;height:100%;object-fit:contain}.nav-link{display:flex;align-items:center;gap:17px;width:100%;padding:12px 14px;margin:3px 0;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;font-size:18px;white-space:nowrap}.nav-link img{width:25px;height:25px;filter:invert(75%) grayscale(1)}.nav-link:hover{background:#1b170d;border-color:#765b19}.nav-link.active{background:#efbb30;color:#080704;border-color:#ffe18e;box-shadow:0 0 22px #b888172c;font-weight:700}.nav-link.active img{filter:brightness(0)}.nav-link small{margin-left:auto;font-size:9px;letter-spacing:.5px;color:#cba641}.heard{margin-top:auto;border:1px solid #eac044;background:#0d0d0b;border-radius:12px;padding:17px 10px;display:flex;align-items:center;gap:11px;text-align:left;min-height:90px}.heard>img:first-child{width:32px;height:32px}.heard>img:last-child{margin-left:auto;width:18px}.heard strong{font-size:17px;display:block}.heard small{font-size:10px;color:#bcb9ac;display:block;margin-top:8px}.credit{font-size:10px;color:#8d897f;line-height:1.7;margin-top:12px}.credit a:hover{color:#efc24a}main{margin-left:280px;padding:0 22px 16px}.topbar{height:74px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #392c12}.search{display:flex;align-items:center;gap:12px;border:1px solid #69532a;background:#0b0b0a;border-radius:28px;padding:10px 15px;flex:1;min-width:100px}.search img{filter:invert(85%) grayscale(1);width:22px}.search input{background:none;border:0;outline:0;color:white;width:100%;font-size:16px}.search input::placeholder{color:#97968f}.notification{border:1px solid #333;border-radius:50%;background:#080808;padding:10px}.notification img{filter:invert(85%) grayscale(1)}.artist{display:flex;align-items:center;gap:10px;background:none;border:0;padding:6px;white-space:nowrap}.artist img{background:#b0aa98;border-radius:50%;padding:7px;width:36px;height:36px;filter:none}.private{display:flex;align-items:center;gap:9px;background:#f2c33e;border-radius:16px;color:#0b0903;font-weight:700;font-size:16px;padding:12px 17px;white-space:nowrap}.private img{filter:brightness(0);width:24px;height:24px}.menu{display:none}.hero{margin:15px -4px 20px;border-bottom:1px solid #d0a130;overflow:hidden}.hero>img{display:block;width:100%;aspect-ratio:3 / 1;object-fit:cover}.hero p{text-align:center;margin:0;padding:13px 0 15px;font-size:14px;letter-spacing:5px;font-weight:700;background:#070707}.hero b{color:#e8bd34;margin:0 9px}.tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.tool{position:relative;height:147px;border:1px solid #9d7827;border-radius:12px;overflow:hidden;background:#111;text-align:left;padding:0;transition:border-color .18s,transform .18s}.tool:hover{transform:translateY(-2px);border-color:#ffdc68}.tool .photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.56}.tool:nth-child(4n+2) .photo{object-position:50% 55%}.tool:nth-child(4n+3) .photo{object-position:0 60%;opacity:.24}.tool:nth-child(4n+4) .photo{object-position:100% 60%;opacity:.35}.tool-icon{position:absolute;top:13px;left:17px;width:39px!important;height:39px!important;filter:invert(82%) sepia(66%) saturate(821%) hue-rotate(344deg) brightness(103%) contrast(101%)}.tool-copy{position:absolute;bottom:0;left:0;right:0;background:#060606df;padding:11px 14px}.tool-copy strong{display:block;font-size:18px;font-weight:800}.tool-copy small{display:block;margin-top:3px;font-size:12px;color:#cbc9c0}.tool .arrow{position:absolute;right:11px;bottom:16px;border:1px solid #cda83b;border-radius:50%;width:29px;height:29px;padding:6px;background:#090806}.tool .badge{position:absolute;right:10px;top:10px;background:#111a;padding:4px 7px;border:1px solid #64552e;border-radius:6px;color:#e1c374;font-size:10px}.bottom-grid{display:grid;grid-template-columns:2.1fr 1fr;gap:18px}.panel{border:1px solid #39352a;background:#090909;border-radius:12px;padding:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading h2{font-size:15px;margin:0;font-weight:800}.section-heading button,.section-heading a{background:none;border:0;padding:0;color:#efc344;font-size:13px}.beat-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.empty{grid-column:1/-1;display:flex;align-items:center;gap:21px;min-height:145px;padding:16px}.empty>img{width:52px;height:52px;filter:invert(75%) sepia(86%) saturate(561%) hue-rotate(349deg)}.empty strong{font-size:17px}.empty p{color:#aaa79e;font-size:13px;line-height:1.7;margin:7px 0 13px}.gold-button{border:1px solid #ffe18e;background:#efc341;color:#100d03;border-radius:8px;padding:9px 16px;font-weight:bold}.beat{border:1px solid #504425;background:#17140c;padding:12px;border-radius:8px;min-width:0;text-align:left}.beat img{display:block;width:25px;height:25px;margin-bottom:10px}.beat strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beat small{color:#a79e88;display:block;margin-top:6px}.beat.playing{border-color:#f2c342}audio{width:100%;height:38px;margin-top:12px}.empty-project{font-size:13px;line-height:1.9;color:#aaa79e;margin:16px 0 22px}.empty-project a{color:#e5be54}.storage-note{font-size:10px;color:#918c7d}.project-row{display:flex;align-items:center;gap:10px;margin:10px 0;padding:9px;background:#14120e;border-radius:6px}.project-row img{width:35px;height:35px;object-fit:cover}.project-row strong{font-size:13px;display:block}.project-row small{font-size:10px;color:#aaa08c}.project-row:hover{background:#261f0f}footer{display:flex;justify-content:space-between;letter-spacing:2px;font-size:10px;color:#958361;padding:18px 2px 0}footer span{letter-spacing:1px}dialog{background:#11100d;color:#eee;border:1px solid #c7a13e;border-radius:16px;padding:32px;width:min(620px,92vw);max-height:88vh;box-shadow:0 10px 70px #000a}dialog::backdrop{background:#000c}.close{position:absolute;top:14px;right:14px;background:none;border:0;padding:4px}.close img{width:17px;height:17px}dialog h2{margin:0 0 15px;font-size:24px}dialog p{line-height:1.7;color:#bbb8ab}dialog a{color:#f3c948}dialog textarea,dialog input{width:100%;background:#070707;color:#eee;border:1px solid #66552d;border-radius:8px;padding:12px}dialog textarea{height:300px;resize:vertical;line-height:1.8}dialog .actions{display:flex;gap:12px;margin-top:18px}#status{position:fixed;bottom:20px;right:20px;border-radius:8px;background:#f1c64b;color:#111;padding:12px 18px;z-index:9;max-width:350px;display:none}#status.visible{display:block}#no-results{color:#ccb87a;padding:10px}.tool[hidden],.beat[hidden]{display:none}@media(min-width:1600px){.sidebar{width:294px}main{margin-left:294px}.tool{height:143px}.brand{height:166px}.hero{margin-top:8px}}@media(max-width:1200px){.sidebar{width:230px;padding:15px}.brand{height:135px}main{margin-left:230px;padding:0 16px}.nav-link{font-size:15px;gap:12px;padding:11px}.topbar{gap:10px}.private{font-size:13px;padding:11px}.tool-copy strong{font-size:15px}.tool-copy small{font-size:10px}.tool .arrow{width:23px;height:23px;right:8px}.hero p{letter-spacing:3px;font-size:11px}}@media(max-width:900px){.tools{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid{grid-template-columns:1fr}.private{display:none}.hero p{letter-spacing:1.5px}.tool{height:140px}.artist{font-size:12px}.heard small{font-size:9px}}@media(max-width:650px){.sidebar{transform:translateX(-100%);width:255px;transition:transform .2s}.sidebar.open{transform:translateX(0)}main{margin-left:0;padding:0 12px}.menu{display:block;background:none;border:0;padding:4px}.menu img{width:23px;height:23px}.topbar{height:65px;gap:9px}.search{padding:9px 11px}.search input{font-size:12px}.notification{display:none}.artist{padding:0}.artist span{display:none}.artist img{width:31px;height:31px}.hero{margin-top:12px}.hero>img{aspect-ratio:2.25 / 1;object-fit:cover;object-position:center}.hero p{font-size:9px;letter-spacing:1.5px;padding:10px 0}.hero b{margin:0 3px}.tools{gap:10px}.tool{height:132px}.tool-copy{padding:10px}.tool-copy strong{font-size:14px}.tool-copy small{font-size:10px}.tool .arrow{display:none}.tool-icon{width:30px!important;height:30px!important}.beat-list{grid-template-columns:repeat(2,1fr)}.empty{padding:8px;gap:14px}.empty strong{font-size:15px}.empty p{font-size:12px}.section-heading h2{font-size:13px}.heard{margin-top:20px}footer{font-size:8px}.sidebar .credit{margin-bottom:12px}}
.hero>img{height:auto;max-height:470px}.brand img{object-fit:contain}
.tool .photo{filter:none!important}.tool .arrow,.tool-icon{filter:none!important}.private img,.nav-link.active img{filter:brightness(0)}
@media(min-width:901px){.hero>img{height:clamp(225px,20vw,340px);max-height:none;object-fit:cover;object-position:center}.hero{margin-bottom:18px}.nav-link{padding-top:10px;padding-bottom:10px}}
@media(min-width:901px){.hero>img{height:310px;object-fit:contain}.hero{background:#080808 url(/brand/equipment.png) center/cover no-repeat}.tool{height:130px}.hero p{padding:10px 0}.hero{margin-bottom:16px}.empty{min-height:115px}.topbar{height:66px}.tools{gap:14px}}
.heard img,.empty>img{filter:none!important}.search img,.notification img{filter:grayscale(1) brightness(2)}
button img{filter:none}.nav-link img{filter:grayscale(1) brightness(1.3)}.nav-link.active img{filter:brightness(0)}.sidebar-close{display:none}@media(max-width:650px){.sidebar-close{display:block;position:absolute;right:10px;top:10px;background:#070707;border:1px solid #605023;border-radius:6px;padding:7px}.sidebar-close img{width:20px;height:20px}}