body{background:#090b0b;color:#f5f6f2;font-family:'DM Sans',sans-serif}.library-shell{max-width:1440px;margin:50px auto 100px;padding:0 28px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:65px}.creator-profile .back{display:block;color:#99a39a;text-decoration:none;font-size:13px;margin-bottom:70px}.creator-avatar{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:#d7ff34;color:#10140f;font-size:38px;font-weight:800;border:3px solid #838f80;overflow:hidden}.creator-avatar img{width:100%;height:100%;object-fit:cover}.creator-profile h1{font-size:23px;margin:20px 0 4px}.creator-profile p{color:#9da79f;font-size:12px;overflow-wrap:anywhere}.profile-button{display:block;background:#262a28;color:#fff;border-radius:9px;padding:12px;text-align:center;text-decoration:none;font-size:12px;font-weight:700;margin:26px 0}.profile-caption{padding-top:24px;border-top:1px solid #262a28;line-height:1.6}.works-head{display:flex;justify-content:space-between;align-items:end}.work-kicker{font-size:10px;letter-spacing:.15em;color:#aab5aa}.works-head h2{font-size:40px;margin:10px 0 0;letter-spacing:-.05em}.works-head h2 span{color:#d7ff34}.create-link{background:#d7ff34;color:#121712;padding:12px 20px;border-radius:9px;text-decoration:none;font-weight:800;font-size:13px}.works-tabs{display:flex;gap:8px;margin:28px 0 24px;border-bottom:1px solid #292d2a;padding-bottom:16px}.works-tabs button{border:0;background:transparent;color:#a7b1a8;padding:9px 17px;border-radius:25px;cursor:pointer}.works-tabs button[aria-selected=true]{background:white;color:#161a16;font-weight:700}#status{color:#9da79f;font-size:13px}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:15px}.work{background:#1a1e1c;border:1px solid #303832;border-radius:14px;overflow:hidden}.work img,.work video{width:100%;aspect-ratio:1;object-fit:cover;background:#101310}.work div{padding:13px}.work small{display:block;color:#9da79f;margin-bottom:8px;overflow-wrap:anywhere}.work a{color:#d7ff34;font-size:12px;text-decoration:none}@media(max-width:700px){.library-shell{display:block;padding:0 16px;margin-top:24px}.creator-profile .back{margin-bottom:25px}.creator-avatar{width:64px;height:64px}.creator-profile h1{font-size:20px}.creator-profile .profile-caption{display:none}.profile-button{margin:14px 0 32px;max-width:200px}.works-head h2{font-size:32px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* The bright create action needs dark text on hover as well. */
a.create-link:hover,a.create-link:focus-visible{color:#121712}