:root{--bg:#08080a;--panel:#121217;--line:#ffffff1f;--muted:#aaa5b2;--lime:#8dff18}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:#f8f6fb;margin:0;font-family:Arial,Helvetica,sans-serif}.container{width:min(1600px,100% - 48px);margin:auto}.site-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08080aeb;height:68px}.nav{justify-content:space-between;align-items:center;height:100%;display:flex}.brand,.nav-link{color:#fff;font-weight:800;text-decoration:none}.brand{letter-spacing:-.04em;font-size:23px}.nav-actions{align-items:center;gap:12px;display:flex}.nav-link{color:var(--muted);font-size:14px}.button{border:1px solid var(--line);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-weight:800;text-decoration:none;display:inline-flex}.button.primary{border-color:var(--lime);background:var(--lime);color:#101407}.hero{background:radial-gradient(circle at 88% 0,#8dff1829,#0000 32%),radial-gradient(circle at 12% 22%,#854cff24,#0000 27%);padding:100px 0 70px}.eyebrow{color:var(--lime);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.hero h1,.detail-copy h1,.section h2{letter-spacing:-.058em;margin:13px 0 0;line-height:.98}.hero h1{max-width:900px;font-size:clamp(48px,7vw,100px)}.hero p,.detail-copy>p,.section-intro,.usage-card p,.faq p{color:var(--muted);line-height:1.6}.hero p{max-width:700px;font-size:19px}.section{border-top:1px solid var(--line);padding:72px 0}.section h2{font-size:clamp(34px,4vw,58px)}.tools{flex-wrap:wrap;gap:12px;margin:30px 0 18px;display:flex}.search{border:1px solid var(--line);background:var(--panel);color:#fff;min-width:0;height:50px;font:inherit;border-radius:12px;flex:300px;padding:0 16px}.filter{border:1px solid var(--line);color:#fff;min-height:40px;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 14px}.filter[aria-pressed=true]{border-color:var(--lime);color:var(--lime)}.count{color:var(--muted);font-size:14px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);background:var(--panel);border-radius:20px;position:relative;overflow:hidden}.card[hidden]{display:none}.card a{color:#fff;text-decoration:none;display:block}.art{aspect-ratio:1;background:#17171c;display:block}.art img{object-fit:cover;width:100%;height:100%}.name{min-height:70px;padding:14px 62px 14px 14px;font-weight:800;display:block}.name small{color:var(--muted);margin-top:5px;font-weight:400;display:block}.preview{border:1px solid var(--line);color:#fff;cursor:pointer;background:#17171c;border-radius:50%;width:38px;height:38px;position:absolute;bottom:16px;right:14px}.detail{padding:34px 0 72px}.crumbs{color:var(--muted);padding-top:26px;font-size:14px}.crumbs a{color:inherit;text-decoration:none}.detail-grid{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(36px,7vw,110px);display:grid}.detail-art{border:1px solid var(--line);background:var(--panel);aspect-ratio:1;border-radius:28px;overflow:hidden}.detail-art img{object-fit:cover;width:100%;height:100%}.detail-copy h1{font-size:clamp(48px,6vw,84px)}.preview-row{border:1px solid var(--line);background:var(--panel);border-radius:16px;align-items:center;gap:12px;margin-top:25px;padding:12px;display:flex}.preview-row .preview{flex:0 0 42px;width:42px;height:42px;position:static}.preview-row small{color:var(--muted);margin-top:3px;display:block}.usage{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;display:grid}.usage-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:20px}.usage-card h3{margin:0;font-size:18px}.usage-card p{margin:8px 0 0}.faq{margin-top:26px}.faq details{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin-top:10px}.faq summary{cursor:pointer;padding:18px;font-weight:800}.faq p{margin:0;padding:0 18px 18px}.footer{border-top:1px solid var(--line);color:var(--muted);padding:48px 0;font-size:14px}@media (max-width:800px){.container{width:calc(100% - 28px)}.nav-link{display:none}.hero{padding:72px 0 54px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.detail-grid,.usage{grid-template-columns:1fr}.detail-copy{margin-top:30px}.section{padding:56px 0}}