.assets-main{max-width:1440px}.assets-main .member-hero{max-width:900px}
.asset-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:34px}.asset-nav{display:flex;flex-direction:column;gap:8px;align-self:start;position:sticky;top:20px}.asset-nav .member-button{justify-content:flex-start}.asset-nav button[aria-pressed=true]{color:#d2f86a;background:#d2f86a12;border-color:#d2f86a44}.asset-nav a{margin-top:12px;font-size:12px}
.asset-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.asset-toolbar input[type=search]{flex:1;min-width:180px}.asset-toolbar input[type=range]{width:110px;padding:0;accent-color:#d2f86a}.asset-results{min-width:0}.asset-groups{--asset-size:230px}.asset-date-group>h2{font:500 18px var(--sans);margin:32px 0 18px}.asset-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--asset-size),100%),1fr));gap:18px}
.asset-tile{position:relative;min-width:0}.asset-preview{display:block;width:100%;aspect-ratio:1;border:1px solid #ffffff20;border-radius:16px;padding:0;background:radial-gradient(ellipse at 30% 20%,#283922,#0b110c 75%);overflow:hidden;color:#d2f86a;cursor:pointer}.asset-preview img{width:100%;height:100%;object-fit:cover}.asset-preview:hover{border-color:#d2f86a77}.asset-play{display:block;font-size:40px}.asset-kind{display:block;margin-top:14px;font:11px var(--mono);text-transform:uppercase;letter-spacing:.16em}.asset-tile h3{font:500 13px/1.5 var(--sans);padding-right:36px;margin:12px 0 4px;overflow-wrap:anywhere}.asset-tile>p{font:11px var(--sans);color:#96a78b}.asset-favourite{position:absolute;right:4px;bottom:15px;width:40px;height:40px;border:0;border-radius:50%;background:#10190b;color:#d2f86a;font-size:22px;cursor:pointer}
.asset-detail{position:fixed;inset:0;margin:auto;padding:28px;width:min(860px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;color:#e1ebd5;background:#0b100c;border:1px solid #d2f86a44;border-radius:20px;font:14px var(--sans)}.asset-detail::backdrop{background:#000b;backdrop-filter:blur(8px)}.asset-detail h2{overflow-wrap:anywhere;font:500 26px var(--sans);padding-right:90px}.asset-detail-close{position:absolute;right:22px;top:22px}.asset-detail>img,.asset-detail>video{display:block;width:100%;max-height:55vh;object-fit:contain;margin:25px 0;background:#050805;border-radius:12px}.asset-detail>audio{width:100%;margin:30px 0}.asset-detail p{font-size:12px;color:#a8b39e}.asset-prompt{font:14px/1.65 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #ffffff1c;padding:18px;border-radius:12px;color:#c5d1b8;background:#070c07}.asset-load-error{padding:25px;color:#d9c99c;font-size:12px}
@media(max-width:760px){.asset-layout{display:block}.asset-nav{position:static;flex-direction:row;overflow-x:auto;margin:0 -18px 22px;padding:0 18px 10px}.asset-nav .member-button{white-space:nowrap;flex-shrink:0;min-height:44px}.asset-nav a{margin:0}.asset-toolbar input[type=range]{display:none}.asset-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.asset-detail{padding:20px}.asset-detail h2{font-size:20px}.asset-toolbar input[type=search]{min-width:150px}.asset-tile>p{overflow-wrap:anywhere}}