:root{color-scheme:dark;--bg:#0b0b0c;--panel:#151516;--input:#1d1d1f;--line:#2b2b2e;--side:#111112;--sideline:#252527;--text:#f0f0f2;--body:#c4c4cb;--muted:#9c9ca3;--faint:#777780;--accent:#f5a524;--accent-soft:#f5a52422;--btn:#f5a524;--btn-h:#ffb740;--btn-text:#1a1204;--font:Inter,"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}body.t-faceit{--accent:#ff5900;--accent-soft:#ff590022;--btn:#ff5900;--btn-h:#ff7424;--btn-text:#fff}body.t-lol{--accent:#eb3d4d;--accent-soft:#eb3d4d22;--btn:#eb3d4d;--btn-h:#f25a68;--btn-text:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.7 var(--font);color:var(--text);background:var(--bg);scrollbar-color:#3a3a3e var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}img{max-width:100%;height:auto;display:block}.icon{width:18px;height:18px;flex-shrink:0}.skip{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:8px 12px;border-radius:6px;z-index:99}.skip:focus{left:8px}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column;width:240px;padding:26px 16px 18px;overflow-y:auto;background:var(--side);border-right:1px solid var(--sideline)}.brand{display:flex;align-items:center;gap:12px;color:#f5f5f5;line-height:1.1}.brand:hover{text-decoration:none}.brand img{width:42px;height:42px;border-radius:12px}.brand b{display:block;font-size:26px;font-weight:700;letter-spacing:-.9px}.brand-subtitle{display:block;margin-top:3px;font-size:8px;letter-spacing:1.9px;color:#8e8e94}.docs-nav{display:flex;flex-direction:column;gap:20px;margin-top:30px}.group{display:flex;flex-direction:column;gap:2px}.group-title{display:flex;align-items:center;gap:8px;margin:0 0 6px 10px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--faint)}.group-title .icon{width:14px;height:14px}.docs-nav a{position:relative;padding:10px 12px;border:1px solid transparent;border-radius:6px;font-size:13px;font-weight:500;color:#a3a3ab;transition:background .2s,color .2s}.docs-nav a:hover{color:#f4f4f4;background:#1b1b1e;text-decoration:none}.docs-nav a[aria-current=page]{color:#fff;font-weight:700;background:color-mix(in srgb,var(--accent) 12%,#111112);border-color:color-mix(in srgb,var(--accent) 30%,#111112)}.docs-nav a[aria-current=page]:before{content:"";position:absolute;left:-17px;top:50%;width:3px;height:22px;margin-top:-11px;background:var(--accent);border-radius:0 2px 2px 0}.gens{margin-top:auto;padding-top:20px;display:flex;flex-direction:column;gap:8px}.gens p{margin:0 0 4px 10px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--faint)}.gen{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:6px;font-size:13px;font-weight:700;color:#fff;background:var(--panel);transition:border-color .2s,background .2s}.gen:hover{text-decoration:none;border-color:var(--dot);background:#1a1a1c}.gen i{width:8px;height:8px;border-radius:50%;background:var(--dot)}.gen .icon{margin-left:auto;width:14px;height:14px;color:var(--faint)}.sidebar-note{margin-top:18px;padding:16px 10px 0;border-top:1px solid #29292c;font-size:11px;line-height:1.8;color:#82828b}.workspace{margin-left:240px;padding:0 36px}.topbar{display:flex;align-items:center;justify-content:space-between;height:66px;max-width:1100px;margin:0 auto;border-bottom:1px solid var(--sideline);font-size:12px;color:var(--muted)}.topbar a{color:var(--muted)}.topbar strong{font-weight:500;color:#d3d3d8}.divider{margin:0 12px;color:#5c5c65}.topbar-actions{display:flex;align-items:center;gap:18px}.menu-btn{display:none;border:0;background:transparent;color:var(--text);cursor:pointer;padding:6px;margin-right:6px}.seg{display:flex;border:1px solid #3a3a3e;border-radius:4px;overflow:hidden;font-size:11px;font-weight:700;letter-spacing:1px}.seg a,.seg span{padding:3px 9px;color:#9c9ca3}.seg a:hover{background:#1b1b1e;color:#fff;text-decoration:none}.seg span{background:#24241f;color:#fff}.obs-tag{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:1.2px;color:#b4b4bc}.obs-tag i{width:6px;height:6px;border-radius:50%;background:#3ddc84}main{max-width:1100px;margin:0 auto}.heading{margin:38px 0 26px}.eyebrow{margin:0;font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--accent)}h1{margin:12px 0;font-size:clamp(32px,4.4vw,52px);line-height:1.08;font-weight:800;letter-spacing:-.045em}h1 em{font-style:normal;color:var(--accent)}.lead{max-width:680px;margin:0;font-size:16px;color:var(--muted)}.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.cta{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:6px;font-size:14px;font-weight:700;color:var(--btn-text);background:var(--btn);transition:background .2s}.cta:hover{text-decoration:none;background:var(--btn-h)}.cta.alt{background:transparent;border:1px solid var(--line);color:#e6e6ea}.cta.alt:hover{background:#1b1b1e;border-color:#4a4a50}.hero-shots{position:relative;margin:34px 0 10px;height:clamp(300px,42vw,470px);--mx:0;--my:0}.hero-shots:before{content:"";position:absolute;inset:-10% -4%;background:radial-gradient(40% 55% at 28% 55%,#ff590030,transparent 70%),radial-gradient(38% 50% at 78% 62%,#eb3d4d2b,transparent 70%);pointer-events:none}.shot{position:absolute;margin:0;border:1px solid #34343a;border-radius:12px;overflow:hidden;background:var(--panel);box-shadow:0 34px 70px #0000008c,0 0 0 1px #000}.shot img{width:100%;height:auto}.shot.f{left:0;top:6%;width:66%;transform:translate3d(calc(var(--mx)*-10px),calc(var(--my)*-8px),0) rotate(-1.2deg);animation:rise .8s cubic-bezier(.2,0,0,1) both}.shot.l{right:0;bottom:0;width:58%;transform:translate3d(calc(var(--mx)*12px),calc(var(--my)*10px),0) rotate(1.4deg);animation:rise .8s .14s cubic-bezier(.2,0,0,1) both}.shot figcaption{position:absolute;left:12px;bottom:10px;padding:3px 9px;border-radius:99px;background:#0b0b0ccc;border:1px solid #34343a;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#d3d3d8}@keyframes rise{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}.window{margin:30px 0 8px;border:1px solid #34343a;border-radius:12px;overflow:hidden;background:var(--panel);box-shadow:0 30px 60px #00000073}.window-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#0f0f10;border-bottom:1px solid var(--line);font-size:11px;color:var(--faint)}.window-bar i{width:9px;height:9px;border-radius:50%;background:#3a3a3e}.window-bar span{margin-left:10px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin:34px 0 8px}.card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:border-color .2s,transform .2s}.card:hover{border-color:color-mix(in srgb,var(--c,#555) 60%,#2b2b2e)}.card .img{position:relative;border-bottom:1px solid var(--line);background:#0f0f10}.card .img img{width:100%;aspect-ratio:2/1;object-fit:cover;object-position:center}.card .body{display:flex;flex-direction:column;gap:6px;padding:20px 22px 22px;flex:1}.card .tag{font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--c)}.card h3{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em}.card p{margin:0;color:var(--muted);font-size:14px}.card .btns{margin-top:auto;padding-top:14px}.panel{padding:6px 28px 30px;margin:0 0 18px;background:var(--panel);border:1px solid var(--line);border-radius:8px}h2{margin:28px 0 10px;padding-top:6px;font-size:19px;line-height:1.3;font-weight:700;letter-spacing:-.3px}p{margin:0 0 12px}.panel p,.panel li{color:var(--body)}ul,ol{padding-left:22px;margin:0 0 6px}li{margin-bottom:6px}li::marker{color:var(--accent)}.steps{list-style:none;padding:0;counter-reset:s;display:grid;gap:10px;margin-top:12px}.steps li{counter-increment:s;display:grid;grid-template-columns:28px 1fr;gap:14px;align-items:start;margin:0;padding:12px 14px;background:var(--input);border:1px solid var(--line);border-radius:8px}.steps li:before{content:counter(s);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent);font-size:12px;font-weight:800}.steps li::marker{content:""}.pills{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}.pills span{padding:4px 12px;border:1px solid var(--line);border-radius:99px;font-size:12px;color:var(--muted)}.sect-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:34px 0 14px}.sect-head h2{margin:0;padding:0}.sect-head small{font-size:12px;color:var(--muted)}.gallery{margin:0 0 6px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0f0f10}.layouts{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:0 0 6px}.lay{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;color:var(--text);transition:border-color .2s}.lay:hover{border-color:var(--accent);text-decoration:none}.lay img{width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--line)}.lay div{display:flex;flex-direction:column;padding:12px 14px 14px}.lay strong{font-size:15px}.lay span{font-size:12px;color:var(--muted)}.faq details{margin:0 0 10px;padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:var(--input)}.faq summary{cursor:pointer;font-weight:700;color:var(--text)}.faq summary:hover{color:#fff}.faq p{margin:8px 0 0;color:var(--body)}.faq-panel{padding:6px 28px 22px}.related{display:flex;flex-wrap:wrap;gap:8px}.related a{padding:4px 12px;border:1px solid var(--line);border-radius:99px;font-size:12px;color:var(--muted)}.related a:hover{color:#fff;border-color:var(--accent);text-decoration:none}.sec-label{margin:30px 0 10px;font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--faint)}footer.site{max-width:1100px;margin:36px auto 0;padding:20px 0 32px;border-top:1px solid var(--sideline);text-align:center;color:var(--muted);font-size:12px;line-height:1.7}@media(max-width:1000px){.sidebar{transform:translate(-100%);transition:transform .22s ease;box-shadow:0 0 50px #000000b3}body.nav-open .sidebar{transform:none}.workspace{margin-left:0;padding:0 18px}.menu-btn{display:inline-grid;place-items:center}.topbar-l{display:flex;align-items:center}.panel,.faq-panel{padding:4px 18px 22px}.hero-shots{height:auto;display:grid;gap:14px}.hero-shots:before{display:none}.shot,.shot.f,.shot.l{position:relative;inset:auto;width:100%;transform:none;rotate:0deg}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.shot{animation:none!important}}.side-promo{margin-top:18px;padding:16px 12px 0;border-top:1px solid #29292c;display:flex;flex-direction:column;gap:8px}.side-promo-title{margin:0;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--faint)}.side-promo-text{margin:0 0 4px;font-size:12px;line-height:1.5;color:var(--muted)}.side-promo .cta{justify-content:center;padding:9px 14px;font-size:13px;--btn:#f5a524;--btn-h:#ffb740;--btn-text:#1a1204}.side-promo .donate{gap:8px}.side-promo .donate .icon{width:15px;height:15px;color:#eb3d4d}.socials{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.socials a{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:6px;color:#a3a3ab;background:var(--panel);transition:color .15s,border-color .15s,background .15s}.socials a:hover{color:#fff;background:#1b1b1e;border-color:#4a4a50;text-decoration:none}.socials svg{width:17px;height:17px}.socials.side{margin-top:6px}.socials.foot{justify-content:center;margin-bottom:14px}.promo{display:grid;grid-template-columns:3fr 2fr;gap:18px;margin:40px 0 0}.promo-col{padding:22px 26px 24px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.promo-col:first-child{border-color:color-mix(in srgb,#f5a524 40%,#2b2b2e);background:linear-gradient(180deg,#f5a5240d,var(--panel))}.promo-col h2{margin:0 0 8px;padding:0;font-size:20px}.promo-col p{color:var(--muted);font-size:14px;margin:0 0 16px}.promo-col:first-child .cta{--btn:#f5a524;--btn-h:#ffb740;--btn-text:#1a1204}.promo-col .cta.alt .icon{width:15px;height:15px;color:#eb3d4d}@media(max-width:760px){.promo{grid-template-columns:1fr}}.foot-links{margin:0 0 12px;font-size:13px}.foot-links a{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.foot-links a:hover{color:#fff}.foot-links .icon{width:16px;height:16px}.recommend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 0 4px}.recommend-label{font-size:14px;color:var(--muted)}.recommend-card{display:flex;align-items:center;gap:14px;flex:1;min-width:260px;max-width:520px;padding:10px 16px;border:1px solid #262629;border-radius:8px;background:#111112;color:var(--text);transition:border-color .2s,background .2s}.recommend-card:hover{text-decoration:none;border-color:#4a4a50;background:#151516}.recommend-card img{width:40px;height:40px;border-radius:8px;background:#000}.recommend-card strong{display:block;font-size:15px;line-height:1.3;color:#fff}.recommend-card small{display:block;font-size:13px;color:var(--muted)}.docs-nav a.ext{display:flex;align-items:center;justify-content:space-between;gap:8px}.docs-nav a.ext .icon{width:13px;height:13px;color:var(--faint)}.docs-nav{gap:2px;margin-top:26px}.docs-nav .nav-top,.docs-nav .nav-sec>summary{display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 12px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:600;color:#c9c9d0;cursor:pointer;list-style:none;user-select:none;transition:background .2s,color .2s}.docs-nav .nav-sec>summary::-webkit-details-marker{display:none}.docs-nav .nav-top:hover,.docs-nav .nav-sec>summary:hover{background:#1b1b1e;color:#fff;text-decoration:none}.docs-nav .nav-top[aria-current=page]{color:#fff;background:color-mix(in srgb,var(--accent) 12%,#111112);border-color:color-mix(in srgb,var(--accent) 30%,#111112)}.docs-nav .nav-top[aria-current=page]:before{display:block}.nav-sec>summary .dot{width:8px;height:8px;border-radius:50%;background:var(--dot);flex-shrink:0}.nav-sec>summary span{flex:1}.nav-sec>summary .chev{width:15px;height:15px;color:var(--faint);transition:transform .16s ease}.nav-sec[open]>summary .chev{transform:rotate(90deg)}.nav-sec:has(a[aria-current=page])>summary{color:#fff}.nav-sub{display:flex;flex-direction:column;gap:1px;margin:2px 0 6px 18px;padding-left:10px;border-left:1px solid #2b2b2e}.docs-nav .nav-sub a{padding:7px 12px;font-size:13px;font-weight:500}.docs-nav .nav-sub a.ext{display:flex;align-items:center;justify-content:space-between;color:#9c9ca3}.docs-nav .nav-sub a[aria-current=page]:before{left:-11px;height:18px;margin-top:-9px}.docs-nav a.nav-fps{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;border:1px solid #3a2f12;border-radius:6px;background:#17140d;color:#f5c158;font-size:13px;font-weight:600}.docs-nav a.nav-fps:hover{background:#1e190e;color:#ffd37a;text-decoration:none}.docs-nav a.nav-fps span{flex:1}.docs-nav a.nav-fps .icon{width:15px;height:15px}.docs-nav a.nav-fps .ext-ic{width:12px;height:12px;opacity:.7}.side-promo{flex-direction:row;gap:8px;margin-top:auto;padding:16px 0 0;border-top:1px solid #29292c}.side-promo .cta{flex:1;justify-content:center;padding:9px 10px}.side-promo .donate{flex:0 0 auto}.side-promo .cta{white-space:nowrap;font-size:12.5px;padding:9px 8px}
