@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
.brand{display:flex;align-items:center;gap:10px;color:#f6f5f8;text-decoration:none;font-weight:800;letter-spacing:-.03em;font-size:18px}.brand img{width:42px;height:42px;object-fit:contain;border-radius:50%;background:#050505}.live-note{color:var(--muted);font-size:13px;margin:8px 0 0;max-width:660px;line-height:1.55}.external-catalog{color:#eee5ff;text-decoration:none;border:1px solid #51465e;border-radius:999px;padding:10px 15px;font-size:13px;white-space:nowrap}.live-library iframe{width:100%;height:min(88vh,1100px);min-height:650px;border:1px solid var(--line);border-radius:16px;background:#0b0b0d}.live-library{max-width:1500px}
:root{color-scheme:dark;--bg:#0b0b0d;--panel:#141417;--muted:#a2a2ab;--line:#29292f;--accent:#c4a2ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f6f5f8;font-family:'DM Sans',system-ui,sans-serif}.nav{height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;position:sticky;top:0;background:#0b0b0deF;backdrop-filter:blur(16px);z-index:2}.brand img{width:150px;height:auto;max-height:34px;object-fit:contain}.navlinks{display:flex;gap:24px}.navlinks a{color:#bbb9c3;text-decoration:none;font-size:13px}.navlinks a:hover{color:white}.hero{text-align:center;padding:100px 20px 86px;background:radial-gradient(ellipse at 50% 0,#30223e 0,transparent 55%)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#d5baff}.hero h1{font-size:clamp(38px,7vw,76px);line-height:.98;letter-spacing:-.055em;margin:24px 0 18px}.hero h1 i{font-style:normal;background:linear-gradient(90deg,#d8c5ff,#ffddc2,#ff684c);color:transparent;background-clip:text}.hero p{max-width:560px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.7}.cta{display:inline-block;margin-top:28px;padding:13px 19px;border-radius:999px;background:#f5f0ff;color:#15121b;text-decoration:none;font-weight:700;font-size:13px}.library,.media{max-width:1180px;margin:0 auto;padding:30px 24px 72px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.toolbar h2,.media h2{font-size:21px;margin:0}.filters{display:flex;gap:8px}.filters button{color:#c8c5cf;background:transparent;border:1px solid var(--line);border-radius:999px;padding:8px 15px;cursor:pointer}.filters button.active{background:#f4efff;color:#17131d;border-color:#f4efff}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.card{min-width:0}.preview{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:15px;background:#202024;display:block}.card h3{font-size:16px;margin:12px 0 3px}.category{font-size:12px;color:var(--muted)}.copy{margin-top:13px;border:1px solid #3a3544;background:#19161f;color:#eadfff;border-radius:9px;padding:9px 12px;cursor:pointer}.copy:hover{background:#282033}.copy.done{border-color:#6fbd8a;color:#a9efbf}.media video{display:block;width:min(100%,900px);max-height:480px;margin-top:18px;background:#161619;border-radius:16px}footer{text-align:center;color:#777580;font-size:12px;padding:28px;border-top:1px solid var(--line)}@media(max-width:850px){.navlinks{gap:12px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.nav{padding:0 16px}.brand img{width:124px}.navlinks{overflow:auto;max-width:60vw}.navlinks a{white-space:nowrap;font-size:12px}.hero{padding:78px 18px 65px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.library,.media{padding-left:16px;padding-right:16px}.toolbar{align-items:flex-start;gap:14px;flex-direction:column}.filters{flex-wrap:wrap}}@media(max-width:370px){.grid{grid-template-columns:1fr}}