@font-face{font-family:Satoshi;src:url(/build/fonts/satoshi-300.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/build/fonts/satoshi-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/build/fonts/satoshi-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/build/fonts/satoshi-900.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}@property --ring-a{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--bg:#06070a;--s1:#0b0c10;--s2:#111218;--s3:#181a21;--s4:#21232c;--t1:#eef0f6;--t2:#a4a9b8;--t3:#7a7f90;--t4:#40434f;--line:#d6cdff13;--line-2:#d6cdff24;--line-3:#d6cdff38;--coral:#e7a0be;--coral-t:#f4d5e3;--gelo:#eee6f6;--anil:#9a8cf2;--anil-t:#cbc3f8;--abismo:#16112f;--neon:#b4ff39;--neon-deep:#39ff14;--font-ui:"Satoshi", ui-sans-serif, system-ui, sans-serif;--font-display:var(--font-ui);--font-mono:var(--font-geist-mono), ui-monospace, "SF Mono", Menlo, monospace;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--gutter:clamp(16px, 2.2vw, 32px);--nav-h:76px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--grain:url(/build/grain.png);--grain-fine:url(/build/grain-fine.png)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 12px);scrollbar-gutter:stable}body{background:var(--bg);color:var(--t1);font:400 16px/1.55 var(--font-ui);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:clip}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input{font:inherit;color:inherit}::selection{background:color-mix(in srgb, var(--anil) 35%, transparent)}:focus-visible{outline:2px solid var(--anil);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.display{font-family:var(--font-display);letter-spacing:-.045em;margin:0;text-wrap:balance;background:linear-gradient(#fff 15%,#c9cdd8 120%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-block:-.1em -.18em;padding-block:.1em .18em;font-weight:300;line-height:.98}.display .soft{background:linear-gradient(#9aa0b0 0%,#5f6475 130%);color:#0000;-webkit-background-clip:text;background-clip:text}.h1{font-size:clamp(40px,5.2vw,84px)}.h2{letter-spacing:-.04em;font-size:clamp(36px,4.4vw,68px);line-height:1.02}.lead{color:var(--t2);text-wrap:pretty;max-width:34em;margin:0;font-size:clamp(16px,1.25vw,19px);line-height:1.5}.mono{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t3);font-size:11.5px}html:has(.launch-banner){--banner-h:38px}.launch-banner{z-index:51;--tint:var(--coral);min-height:38px;color:color-mix(in srgb, var(--tint) 45%, #fff);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--tint) 14%, var(--abismo)) 30%, color-mix(in srgb, var(--tint) 14%, var(--abismo)) 70%, transparent), var(--bg);box-shadow:inset 0 -1px 0 var(--line);transition:color .4s var(--ease-out), background .4s var(--ease-out);justify-content:center;align-items:center;padding:0 44px;font-size:13px;display:flex;position:relative}html:has([data-tint=tools]) .launch-banner{--tint:#4d8dff}html:has([data-tint=skills]) .launch-banner{--tint:#ff9a3c}html:has([data-tint=design-systems]) .launch-banner{--tint:#3fe0c2}.launch-banner-link{text-align:center;align-items:center;gap:8px;padding:9px 0;display:inline-flex}.launch-banner-link b{color:var(--t1);font-weight:500}.launch-banner-link .launch-banner-name{letter-spacing:.02em;text-transform:uppercase;font-weight:900}.launch-banner-link s{color:var(--t3);text-decoration-thickness:1px}.launch-banner-link>svg:last-child{transition:transform .2s var(--ease-out)}.launch-banner-link:hover>svg:last-child{transform:translate(2px)}.launch-banner-close{width:28px;height:28px;color:var(--t3);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:10px;translate:0 -50%}.launch-banner-close:hover{color:var(--t1);background:#ffffff0f}@media (max-width:560px){.launch-banner{padding:0 40px 0 12px;font-size:12px}.launch-banner-wide{display:none}}.nav{z-index:50;height:var(--nav-h);padding-inline:var(--gutter);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid;position:sticky;top:0}.brand{justify-self:start;align-items:center;gap:13px;min-width:0;display:inline-flex}.brand-mark{background:linear-gradient(160deg,#20222a 0%,#07080b 70%);border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #0009,0 0 0 1px #ffffff0f,0 10px 30px -12px #000c}.brand-mark .metal{width:32px;height:32px}.brand-word{object-fit:contain;object-position:left center;width:auto;min-width:0;height:22px}.nav-links{background:color-mix(in srgb, var(--s2) 92%, transparent);box-shadow:inset 0 0 0 1px var(--line-2), 0 10px 30px -12px #000c;-webkit-backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex}.nav-links>*{color:var(--t2);transition:color .2s var(--ease-out), background-color .2s var(--ease-out), box-shadow .2s var(--ease-out);border-radius:999px;padding:7px 14px;font-size:14px}@media (hover:hover){.nav-links>:not([aria-current=page]):hover{color:var(--t1);background:#ffffff0a}}.nav-links>[aria-current=page],.nav-links>[data-open]{color:var(--t1);background:var(--s4);box-shadow:inset 0 1px 0 #ffffff12, inset 0 0 0 1px var(--line)}.nav-links[data-mega]>[aria-current=page]:not([data-open]){color:var(--t2);box-shadow:none;background:0 0}.nav-links>*{align-items:center;gap:8px;display:inline-flex;position:relative}.nav-links>:after{content:"";border-radius:inherit;position:absolute;inset:-4px -1px}.nav-links>:first-child:after{left:-4px}.nav-links>:last-child:after{right:-4px}.nav-badge{color:#cfe0ff;background:#4d8dff24;border-radius:99px;padding:1px 7px;font-size:11px;line-height:16px;box-shadow:inset 0 0 0 1.2px #4d8dff8c}.menu-links .nav-badge{letter-spacing:.01em;color:#0c0d12;background:linear-gradient(90deg, var(--coral-t), var(--gelo));height:22px;box-shadow:none;border-radius:6px;align-items:center;padding:0 8px;font-size:11.5px;font-weight:500;line-height:1;display:inline-flex}.nav-right{justify-content:flex-end;align-items:center;gap:10px;display:flex;position:relative}.nav-pill{height:40px;color:var(--t2);background:color-mix(in srgb, var(--s2) 92%, transparent);box-shadow:inset 0 0 0 1px var(--line-2), 0 10px 30px -12px #000c;-webkit-backdrop-filter:blur(12px);transition:color .2s var(--ease-out), box-shadow .2s var(--ease-out);border-radius:999px;align-items:center;gap:9px;padding:0 15px 0 13px;font-size:14px;display:inline-flex}.nav-pill:hover{color:var(--t1);box-shadow:inset 0 0 0 1px var(--line-3), 0 10px 30px -12px #000c}.nav-pill.search{padding-right:8px}.nav-pill.signin{color:var(--t1)}.kbd{font-family:var(--font-mono);letter-spacing:.02em;color:var(--t3);box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0d;border-radius:6px;padding:3px 6px;font-size:10.5px}.acct{display:flex}.acct-btn{gap:8px;padding:0 11px 0 7px}.acct-who{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}@media (max-width:1299px){.acct-who{display:none}}.acct-chevron{color:var(--t3);transition:transform .2s var(--ease-out)}.acct-btn[aria-expanded=true]{box-shadow:inset 0 0 0 1px var(--line-3), 0 10px 30px -12px #000c}.acct-btn[aria-expanded=true] .acct-chevron{transform:rotate(180deg)}.acct-pop{--pad:8px;width:272px;padding:var(--pad);border-radius:var(--r-lg);background:var(--s1);box-shadow:inset 0 0 0 1px var(--line-2), 0 24px 60px -18px #000000d9;opacity:0;visibility:hidden;transform-origin:100% 0;transition:opacity .14s var(--ease-out), transform .14s var(--ease-out), visibility 0s .14s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-4px)scale(.97)}.acct-pop[data-open]{opacity:1;visibility:visible;transition:opacity .2s var(--ease-out), transform .24s var(--ease-out), visibility 0s;transform:none}.acct-head{border-bottom:1px solid var(--line);gap:3px;margin-bottom:4px;padding:10px 12px 12px;display:grid}.acct-email{text-overflow:ellipsis;white-space:nowrap;color:var(--t1);font-size:14px;overflow:hidden}.acct-plan{letter-spacing:.08em;text-transform:uppercase;color:var(--t3);font-size:11px}.acct-menu{gap:2px;display:grid;position:relative}.acct-hl{border-radius:calc(var(--r-lg) - var(--pad));opacity:0;pointer-events:none;transition:opacity .15s var(--ease-out), transform .2s var(--ease-out), height .2s var(--ease-out);background:#ffffff0d;position:absolute;top:0;left:0;right:0}.acct-hl[data-on]{opacity:1}.acct-hl[data-snap]{transition:opacity .15s var(--ease-out)}.acct-item{border-radius:calc(var(--r-lg) - var(--pad));text-align:left;width:100%;height:40px;color:var(--t2);transition:color .15s var(--ease-out);align-items:center;gap:11px;padding:0 12px;font-size:14px;display:flex;position:relative}.acct-item svg{color:var(--t3);transition:color .15s var(--ease-out);flex:none}.acct-item:hover,.acct-item:focus-visible,.acct-item:hover svg,.acct-item:focus-visible svg{color:var(--t1)}.acct-item:focus-visible{outline-offset:-2px}.acct-end{font-family:var(--font-mono);color:var(--t3);margin-left:auto;font-size:11.5px}.acct-sep{background:var(--line);height:1px;margin:4px 6px}@media (max-width:1080px){.nav-links{display:none}.nav{grid-template-columns:1fr auto}.nav-right>.signin{display:none}html[data-sessao] .nav-right>.signin[data-account-pending]{display:inline-flex;animation:none!important}}.burger{justify-content:center;width:40px;padding:0;display:none}.burger svg{width:22px;height:22px}.burger[aria-expanded=true]{color:var(--t1)}.burger{position:relative}.burger-dot{background:linear-gradient(135deg, var(--coral-t), var(--coral));width:10px;height:10px;box-shadow:0 0 0 2px var(--bg), 0 0 10px 1px color-mix(in srgb, var(--coral) 70%, transparent);border-radius:50%;position:absolute;top:0;right:0}@media (max-width:1080px){.burger{display:inline-flex}}html.menu-open{overflow:hidden}html.menu-open .nav{background:var(--bg)}.menu-scrim{z-index:-1;-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .2s var(--ease-out), visibility 0s .2s;background:#0303069e;position:fixed;inset:0}.menu-scrim[data-open]{opacity:1;visibility:visible;transition:opacity .3s var(--ease-out), visibility 0s}.menu{top:calc(var(--nav-h) - 6px + var(--banner-h,0px));left:var(--gutter);right:var(--gutter);z-index:-1;max-height:calc(100svh - var(--nav-h) - 16px - var(--banner-h,0px));filter:drop-shadow(0 24px 40px #000000b3);opacity:0;visibility:hidden;transform-origin:top;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out), visibility 0s .16s;grid-template-columns:minmax(0,1fr);gap:10px;display:grid;position:fixed;overflow-y:auto;transform:translateY(-6px)scale(.98)}.menu[data-open]{opacity:1;visibility:visible;transition:opacity .24s var(--ease-out), transform .3s var(--ease-out), visibility 0s;transform:none}.menu-card{--pad:10px;padding:var(--pad);border-radius:var(--r-xl);background:var(--s1);box-shadow:inset 0 0 0 1px var(--line-2)}.menu-links{grid-template-columns:minmax(0,1fr);gap:2px;margin:0;list-style:none;display:grid}.menu-links a{border-radius:calc(var(--r-xl) - var(--pad));letter-spacing:-.01em;height:58px;color:var(--t2);transition:color .2s var(--ease-out), background-color .2s var(--ease-out);align-items:center;gap:12px;padding:0 18px;font-size:23px;display:flex}.menu-links a[aria-current=page]{color:var(--t1);background:var(--s3)}.menu-icon{color:var(--t3);transition:color .2s var(--ease-out);flex:none}.menu-links a[aria-current=page] .menu-icon{color:var(--t1)}.menu-account>svg{flex:none;translate:0 -1px}.menu-links a.menu-account{letter-spacing:0;font-size:18px}.menu-who{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.menu-account .plan-badge{margin-left:auto}@media (hover:hover){.menu-links a:not([aria-current=page]):hover{color:var(--t1);background:#ffffff0a}}.menu-pro{opacity:0;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out);padding:22px 22px 20px;transform:translateY(-8px)}.menu[data-open] .menu-pro{opacity:1;transition:opacity .3s var(--ease-out) 70ms, transform .4s var(--ease-out) 70ms;transform:none}.menu-pro-title{letter-spacing:-.02em;color:var(--t1);margin:0 0 6px;font-size:22px;font-weight:500}.menu-pro-text{max-width:34ch;color:var(--t2);margin:0 0 18px;font-size:15px;line-height:1.45}.menu-pro .btn{justify-content:space-between;width:100%}@media (max-width:560px){.nav-pill .lbl,.nav-pill .kbd{display:none}.nav-pill.search{justify-content:center;width:40px;padding:0}.brand-word{height:18px}.brand-mark{width:36px;height:36px}.acct-btn{justify-content:center;width:40px;padding:0;position:relative}html[data-sessao] .nav-right>.signin[data-account-pending]{width:40px;padding:0;overflow:hidden}.acct-btn .avatar{width:30px;height:30px}.acct-btn .avatar-initials{font-size:11.5px}.acct-chevron{display:none}.acct-btn .plan-badge{background-color:var(--s3);outline:2px solid var(--bg);border-radius:5px;height:16px;padding:0 5px;font-size:10px;position:absolute;bottom:-7px;left:50%;translate:-50%}.acct-btn .plan-badge svg{width:12px;height:12px}.acct-pop{top:calc(100% + 12px)}}.btn{letter-spacing:-.01em;white-space:nowrap;isolation:isolate;height:52px;transition:transform .18s var(--ease-out), box-shadow .25s var(--ease-out), background-color .25s var(--ease-out), color .25s var(--ease-out);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:14px;padding:0 24px;font-size:15px;font-weight:400;display:inline-flex;position:relative}.btn:active{transform:scale(.97)}.btn-chrome{color:var(--t1);background:radial-gradient(90% 160% at 50% 130%, color-mix(in srgb, var(--anil) 22%, transparent), transparent 62%), radial-gradient(60% 120% at 50% -30%, color-mix(in srgb, var(--coral) 10%, transparent), transparent 70%), linear-gradient(180deg, #ffffff13, #ffffff05);box-shadow:inset 0 1px 0 #ffffff29, inset 0 -12px 22px -16px color-mix(in srgb, var(--gelo) 35%, transparent), 0 14px 34px -14px #000000e6;-webkit-backdrop-filter:blur(14px);padding:0 6px 0 24px}.btn-chrome:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--ring-a), #fff 0deg, #9aa0ae 36deg, #2c2f37 90deg, var(--coral) 138deg, #eef0f6 176deg, #3a3d46 228deg, var(--anil) 290deg, #fff 360deg);-webkit-mask-composite:xor;opacity:.7;transition:opacity .3s var(--ease-out);padding:1px;animation:7s linear infinite ring;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-chrome:hover:before{opacity:1}@keyframes ring{to{--ring-a:360deg}}.btn-gold{background:radial-gradient(90% 160% at 50% 130%,#d8b05c3d,#0000 62%),radial-gradient(60% 120% at 50% -30%,#f6dcb21a,#0000 70%),linear-gradient(#ffffff13,#ffffff05)}.btn-gold:before{background:conic-gradient(from var(--ring-a), #b07a35 0deg, #f6dcb2 36deg, #22150a 90deg, #d8b05c 138deg, #fff4dc 176deg, #22150a 228deg, #f6dcb2 290deg, #b07a35 360deg);opacity:.85}.btn-gold-text{background:linear-gradient(100deg, var(--t1) 0%, var(--t1) 40%, #f6dcb2 47%, #fff4dc 50%, #e9c98a 53%, var(--t1) 60%, var(--t1) 100%);color:#0000;background-position:100% 0;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:3.2s cubic-bezier(.65,0,.35,1) infinite gold-text}@keyframes gold-text{0%,40%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.btn-gold-text{animation:none}}.btn-gold .orb{color:#2a1806;background:linear-gradient(160deg,#fff4dc 0%,#e9c98a 45%,#b07a35 100%);box-shadow:inset 0 1px #fff8e8,inset 0 -2px 5px #3c1e004d,0 4px 18px -6px #d8b05c99}.btn-neon{background:radial-gradient(90% 160% at 50% 130%, color-mix(in srgb, var(--neon) 18%, transparent), transparent 62%), radial-gradient(60% 120% at 50% -30%, #e8ffc414, transparent 70%), linear-gradient(180deg, #ffffff13, #ffffff05)}.btn-neon:before{background:conic-gradient(from var(--ring-a), #e8ffc4 0deg, var(--neon) 36deg, #0c2a05 90deg, var(--neon-deep) 138deg, #f2ffe0 176deg, #0c2a05 228deg, var(--neon) 290deg, #e8ffc4 360deg);opacity:.85}.btn-neon .orb{color:#06280c;background:linear-gradient(160deg, #f2ffe0 0%, var(--neon) 50%, var(--neon-deep) 100%);box-shadow:inset 0 1px 0 #fbfff4, inset 0 -2px 5px #0028004d, 0 4px 18px -6px color-mix(in srgb, var(--neon) 60%, transparent)}.btn-skill{padding:0 52px}.btn-skill:before{background:conic-gradient(from var(--ring-a), #fff 0deg, #9aa0ae 36deg, #2c2f37 90deg, #ff9a3c 138deg, #fff1de 176deg, #3a3d46 228deg, #ffd29a 290deg, #fff 360deg)}.btn-skill .orb{position:absolute;top:50%;right:6px;translate:0 -50%}.btn-skill .orb svg+svg{transform:translateY(calc(var(--orb) / -2 - 50% - 2px))}@media (hover:hover){.btn-skill:hover .orb svg:first-child{transform:translateY(calc(var(--orb) / 2 + 50% + 2px))}.btn-skill:hover .orb svg+svg{transform:translateY(0)}}.orb{--orb:40px;width:var(--orb);height:var(--orb);color:#0b0c10;box-shadow:inset 0 1px 0 #fff, inset 0 -2px 5px #0003, 0 4px 18px -6px color-mix(in srgb, var(--gelo) 55%, transparent);background:linear-gradient(160deg,#fff 0%,#e6e9f0 45%,#b7bdca 100%);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.orb svg{width:16px;height:16px;transition:transform .35s var(--ease-out);position:absolute}.orb svg+svg{transform:translateX(calc(var(--orb) / -2 - 50% - 2px))}@media (hover:hover){.btn:hover .orb svg:first-child{transform:translateX(calc(var(--orb) / 2 + 50% + 2px))}.btn:hover .orb svg+svg{transform:translate(0)}}.btn-metal{height:60px;color:var(--t1);box-shadow:inset 0 0 0 1px #eee6f647, 0 18px 50px -18px color-mix(in srgb, var(--anil) 45%, transparent);background:radial-gradient(120% 140% at 50% 0,#1a1c24 0%,#07080b 70%);padding:0 8px 0 30px;font-size:16px;font-weight:500}.btn-metal>.metal{border-radius:inherit;z-index:-1;position:absolute;inset:0}.btn-metal>.metal.is-ready+.lbl{text-shadow:0 1px 12px #0009}.btn-metal .orb{--orb:44px}.btn-glass{color:var(--t1);box-shadow:inset 0 0 0 1px var(--line-2), inset 0 1px 0 #ffffff0f;-webkit-backdrop-filter:blur(14px);background:#ffffff0a}.btn-glass:hover{box-shadow:inset 0 0 0 1px var(--line-3), inset 0 1px 0 #ffffff14;background:#ffffff12}.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.btn-solid{color:#0b0c10;box-shadow:inset 0 -2px 4px #0000001f, 0 10px 30px -12px color-mix(in srgb, var(--gelo) 50%, transparent);background:linear-gradient(#fff,#dfe3ec)}.btn-solid:hover{background:linear-gradient(#fff,#eceff5)}.btn-sm{gap:8px;height:38px;padding:0 16px;font-size:13.5px}.btn-chrome.btn-sm{padding:0 4px 0 16px}.btn-sm .orb{--orb:30px}.btn-sm .orb svg{width:13px;height:13px}.link-arrow{color:var(--t2);transition:color .2s var(--ease-out);align-items:center;gap:6px;font-size:14px;display:inline-flex}.link-arrow svg{transition:transform .25s var(--ease-out)}.link-arrow:hover{color:var(--t1)}.link-arrow:hover svg{transform:translate(3px)}.link-arrow.back svg{transform:scaleX(-1)}.link-arrow.back:hover svg{transform:scaleX(-1)translate(3px)}.icon-btn{width:38px;height:38px;color:var(--t2);box-shadow:inset 0 0 0 1px var(--line);transition:color .2s var(--ease-out), background-color .2s var(--ease-out), transform .18s var(--ease-out);background:#ffffff0a;border-radius:50%;place-items:center;display:grid}.icon-btn:hover{color:var(--t1);background:#ffffff14}.icon-btn:active{transform:scale(.94)}.pill{height:32px;color:var(--t2);box-shadow:inset 0 0 0 1px var(--line-2);-webkit-backdrop-filter:blur(10px);background:#ffffff09;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:13px;display:inline-flex}.pill .spark{color:var(--gelo)}.tag{letter-spacing:.01em;height:22px;color:var(--t2);box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0d;border-radius:6px;align-items:center;padding:0 8px;font-size:11.5px;font-weight:500;display:inline-flex}.tag-new{color:#0c0d12;background:linear-gradient(90deg, var(--coral-t), var(--gelo));box-shadow:none}.tag-free{color:var(--t1);-webkit-backdrop-filter:blur(10px);background:#0a0a0e8c;box-shadow:inset 0 0 0 1px #ffffff38}.tag-pro{color:#0c0d12;background:linear-gradient(160deg,#fff 0%,#d9dde6 50%,#a9b0be 100%);box-shadow:inset 0 1px #fff,inset 0 -1px #00000026}.tag-gold{color:#2a1806;background:linear-gradient(160deg,#f6dcb2 0%,#d8b05c 55%,#b07a35 100%);box-shadow:inset 0 1px #fff9,inset 0 -1px #0000002e}.plan-badge{flex:none}.plan-badge.tag-gold{padding:0 6px}.stage{--stage-r:var(--r-xl);border-radius:var(--stage-r);box-shadow:inset 0 0 0 1px var(--line);isolation:isolate;clip-path:inset(0 round var(--stage-r));background:#000;position:relative;overflow:hidden}.stage>canvas{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.stage:after{content:"";z-index:3;pointer-events:none;background-image:var(--grain);opacity:.16;mix-blend-mode:overlay;background-size:160px;position:absolute;inset:0}.stage:before{content:"";z-index:4;pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff12}.stage .inner{z-index:5;position:relative}.hero-wrap{padding:8px var(--gutter) 0}.hero-wrap>.stage{max-width:1680px;margin-inline:auto}@media (min-width:900px){.hero-wrap{padding-inline:calc(var(--gutter) + clamp(0px, 4vw, 76px))}}.hero{text-align:center;place-items:center;min-height:max(300px,50svh - 96px);padding:32px 24px;display:grid}.hero .inner{justify-items:center;gap:18px;display:grid}.hero .h1{font-size:clamp(34px,3.3vw,54px)}.hero .lead{max-width:31em;font-size:clamp(15px,1.1vw,17px)}@media (max-width:760px){.hero .h1 .soft{display:block}}.hero .lead .hl{color:#fff;font-weight:500}.hero .lead .br-sm{display:none}@media (max-width:760px){.hero .lead .br-sm{display:inline}}.hero.stage:after{background-image:var(--grain-fine);image-rendering:pixelated;opacity:.22;mix-blend-mode:soft-light;background-size:128px}.hero .lead{text-align:center}.hero .display,.hero .display .soft{color:#fff;background:0 0}.hero .display,.hero .lead,.hero .pill{text-shadow:0 1px 2px #00000059,0 0 28px #00000073}.hero .lead,.hero .pill{color:#c4c8d4}.hero .pill{background:color-mix(in srgb, var(--s1) 58%, transparent);-webkit-backdrop-filter:blur(16px)}.ai-badge{gap:10px}.ai-logos{color:var(--gelo);align-items:center;gap:7px;display:inline-flex}.ai-logos svg{width:14px;height:14px}.ai-more{font-size:14px;line-height:1}.ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:8px;display:flex}@keyframes account-late{to{visibility:visible}}@keyframes account-in{0%{opacity:0}}html[data-sessao] [data-account-pending]{visibility:hidden;animation:0s 4s forwards account-late}html[data-sessao] :is(.ctas>.btn,.nav-right>.acct,.nav-right>.signin,.page-plans):not([data-account-pending]){animation:account-in .4s var(--ease-out)}@media (prefers-reduced-motion:reduce){html[data-sessao] [data-account-pending]{animation:0s 4s forwards account-late!important}}.reveal{animation:rise .9s var(--ease-out) both;animation-delay:var(--d,0s)}@keyframes rise{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}}@media (prefers-reduced-motion:no-preference){:is([data-rows]>:not(.col),[data-rows]>.col>*):not([data-in]){opacity:0}:is([data-rows]:not([data-rows=on])>:not(.col),[data-rows]:not([data-rows=on])>.col>*){animation:rows-fallback .6s 3s var(--ease-out) both}[data-rows] [data-in=""]{animation:rise .8s var(--ease-out) backwards}}@keyframes rows-fallback{0%{opacity:0}to{opacity:1}}.library{max-width:calc(1680px + 2 * var(--gutter));padding:40px var(--gutter) 0;margin-inline:auto}.lib-head{justify-items:start;gap:18px;margin-bottom:30px;display:grid}.lib-bar{box-shadow:inset 0 -1px 0 var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 24px;margin-bottom:20px;display:flex}.lib-tabs{scrollbar-width:none;gap:26px;min-width:0;display:flex;overflow-x:auto}.lib-tabs::-webkit-scrollbar{display:none}.lib-tab{color:var(--t3);transition:color .2s var(--ease-out);flex:none;padding:10px 0 15px;font-size:15px;position:relative}.lib-tab[aria-selected=true]{color:var(--t1)}.lib-tab[aria-selected=true]:after{content:"";background:var(--t1);border-radius:2px;height:1.5px;position:absolute;bottom:0;left:0;right:0}@media (hover:hover){.lib-tab:not([aria-selected=true]):hover{color:var(--t2)}}.lib-tools{align-items:center;gap:8px;padding-bottom:10px;display:flex}.lib-tools .search-field{background:color-mix(in srgb, var(--s1) 90%, transparent);box-shadow:inset 0 0 0 1px var(--line);margin:0}.lib-tools .search-field:before{display:none}.lib-tools .search-field:focus-within{box-shadow:inset 0 0 0 1px var(--line-3)}.lib-sort{display:block}.lib-sort .select-btn{height:36px;color:var(--t2);background:color-mix(in srgb, var(--s1) 90%, transparent);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:0 12px 0 16px;font-size:14px}.lib-sort .select-btn:hover{color:var(--t1)}.lib-sort .select-value{min-width:84px}.lib-sort .select-pop{min-width:168px;left:auto;right:0}.chip{height:30px;color:var(--t2);box-shadow:inset 0 0 0 1px var(--line);transition:color .2s var(--ease-out), background-color .2s var(--ease-out), box-shadow .2s var(--ease-out);background:#ffffff06;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:13.5px;display:inline-flex}.chip .count{font-family:var(--font-mono);color:var(--t3);font-size:10.5px}@media (hover:hover){.chip:not([aria-pressed=true]):not(:disabled):hover{color:var(--t1);box-shadow:inset 0 0 0 1px var(--line-2)}}.chip[aria-pressed=true]{color:var(--t1);background:var(--s4);box-shadow:inset 0 1px 0 #ffffff12, inset 0 0 0 1px var(--line-3)}.chip[aria-pressed=true] .count{color:var(--t2)}.chip:disabled{opacity:.4;cursor:default}.lib-facets{gap:12px;margin-bottom:40px;display:flex}.facet{background:color-mix(in srgb, var(--s1) 90%, transparent);min-width:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;flex:0 auto;padding:4px;position:relative}.facet[data-facet=access]{flex:none}.facet-track{scrollbar-width:none;border-radius:999px;gap:2px;display:flex;overflow-x:auto}.facet-track::-webkit-scrollbar{display:none}.facet[data-end] .facet-track{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 76px),#0000 calc(100% - 28px));mask-image:linear-gradient(90deg,#000 calc(100% - 76px),#0000 calc(100% - 28px))}.facet[data-start] .facet-track{-webkit-mask-image:linear-gradient(90deg,#0000 28px,#000 76px);mask-image:linear-gradient(90deg,#0000 28px,#000 76px)}.facet[data-start][data-end] .facet-track{-webkit-mask-image:linear-gradient(90deg,#0000 28px,#000 76px calc(100% - 76px),#0000 calc(100% - 28px));mask-image:linear-gradient(90deg,#0000 28px,#000 76px calc(100% - 76px),#0000 calc(100% - 28px))}.facet .chip{height:36px;box-shadow:none;background:0 0;flex:none;padding:0 18px;font-size:14px}@media (hover:hover){.facet .chip:not([aria-pressed=true]):not(:disabled):hover{color:var(--t1);box-shadow:none}}.facet .chip[aria-pressed=true]{color:var(--t1);background:var(--s3);box-shadow:inset 0 1px 0 #ffffff0f, inset 0 0 0 1px var(--line-2)}.facet-arrow{width:36px;height:36px;color:var(--t1);background:var(--s3);box-shadow:inset 0 0 0 1px var(--line-2);transition:background-color .2s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.facet-arrow:hover{background:var(--s4)}.facet-arrow.next{right:4px}.facet-arrow.prev{left:4px}.facet-arrow.next svg{transform:rotate(-90deg)}.facet-arrow.prev svg{transform:rotate(90deg)}.free-strip{gap:14px;margin-bottom:48px;display:grid}.free-strip h2{margin:0;font-weight:400}.free-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.free-row>:nth-child(n+6){display:none}.free-row .card{gap:10px}.free-row .card-title .t{font-size:15px}@media (max-width:1099px){.free-row{grid-template-columns:repeat(3,minmax(0,1fr))}.free-row>:nth-child(n+4){display:none}}@media (max-width:960px){.lib-bar{box-shadow:none;flex-flow:column;align-items:stretch}.lib-tabs{box-shadow:inset 0 -1px 0 var(--line);order:2}.lib-tools{padding:0}.lib-tools .search-field{flex:1;width:auto;min-width:0;height:42px}.lib-sort .select-btn{height:42px}}@media (max-width:820px){.library{padding-top:24px}.lib-facets{flex-wrap:wrap;gap:8px;margin-bottom:32px}.facet .chip{height:34px;padding:0 15px}.facet-arrow{width:34px;height:34px}}@media (max-width:739px){.free-row{scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);gap:12px;display:flex;overflow-x:auto}.free-row::-webkit-scrollbar{display:none}.free-row>.card{scroll-snap-align:start;flex:0 0 64%}.free-row>:nth-child(n+4){display:flex}}.filters{background:color-mix(in srgb, var(--s1) 90%, transparent);width:fit-content;max-width:100%;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;align-items:center;gap:4px;margin:0 auto 32px;padding:5px;display:flex}.pills{scrollbar-width:none;gap:4px;min-width:0;display:flex;overflow-x:auto}.pills::-webkit-scrollbar{display:none}.pill-filter{height:36px;color:var(--t2);transition:color .2s var(--ease-out), background-color .2s var(--ease-out), box-shadow .2s var(--ease-out);border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 16px;font-size:14.5px;display:inline-flex}@media (hover:hover){.pill-filter:not([aria-selected=true]):hover{color:var(--t1)}}.pill-filter[aria-selected=true]{color:var(--t1);background:var(--s4);box-shadow:inset 0 1px 0 #ffffff12, inset 0 0 0 1px var(--line)}html[data-filtro] #biblioteca :is(.lib-head .pill,.lib-bar,.lib-facets,.free-strip),html[data-filtro] #grade{visibility:hidden}.pill-filter .count{font-family:var(--font-mono);color:var(--t3);font-size:11px}.search-field{width:290px;height:36px;color:var(--t3);transition:background-color .2s var(--ease-out), color .2s var(--ease-out);cursor:text;border-radius:999px;flex:none;align-items:center;gap:10px;margin-left:9px;padding:0 4px 0 14px;display:flex;position:relative}.search-field:before{content:"";background:var(--line-2);width:1px;position:absolute;top:9px;bottom:9px;left:-7px}.search-field:focus-within{color:var(--t2);background:#ffffff0a}.search-field input{min-width:0;height:100%;color:var(--t1);background:0 0;border:0;outline:0;flex:1;font-size:14.5px}.search-field input::placeholder{color:var(--t3)}.search-field input::-webkit-search-cancel-button{filter:invert(.6)}@media (max-width:820px){.filters{width:auto;box-shadow:none;background:0 0;flex-direction:column-reverse;align-items:stretch;gap:12px;padding:0}.pills{background:color-mix(in srgb, var(--s1) 90%, transparent);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:5px;-webkit-mask:linear-gradient(90deg,#000 calc(100% - 40px),#0000);mask:linear-gradient(90deg,#000 calc(100% - 40px),#0000)}.pill-filter:last-child{margin-right:32px}.search-field{background:color-mix(in srgb, var(--s1) 90%, transparent);width:100%;height:46px;box-shadow:inset 0 0 0 1px var(--line);margin:0;padding:0 8px 0 16px}.search-field:before,.search-field .kbd{display:none}.search-field:focus-within{box-shadow:inset 0 0 0 1px var(--line-3)}}.grid{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));align-items:start;gap:20px;display:grid}.col{gap:30px;display:grid}@media (max-width:1099px){.grid:not([data-measured]){grid-template-columns:repeat(2,minmax(0,1fr))}}.card{flex-direction:column;gap:14px;min-width:0;display:flex}.card-media{width:100%;aspect-ratio:var(--ar,4 / 3);border-radius:var(--r-md);background:var(--s1);isolation:isolate;text-align:left;transition:transform .18s var(--ease-out), filter .18s var(--ease-out);display:block;position:relative;overflow:hidden}.card-media:after{content:"";z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none;position:absolute;inset:0}.card-media:before{content:"";z-index:3;border-radius:inherit;background:radial-gradient(260px circle at var(--cx,50%) var(--cy,50%), color-mix(in srgb, var(--coral) 90%, transparent), color-mix(in srgb, var(--anil) 70%, transparent) 40%, transparent 70%);-webkit-mask-composite:xor;opacity:0;transition:opacity .35s var(--ease-out);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (hover:hover){.card-media:hover:before{opacity:1}}.card-flags{z-index:4;gap:6px;display:flex;position:absolute;top:12px;left:12px}.shader-tile .card-flags{top:16px;left:16px}.card-pending{z-index:2;border-radius:inherit;background:color-mix(in srgb, var(--bg) 46%, transparent);pointer-events:none;place-items:center;display:none;position:absolute;inset:0}:is(.card-media>.card-pending[data-on],.skill-link>.card-pending[data-on],.card:has(.card-title>.card-pending[data-on])>.card-media>.card-pending){animation:card-pending-in .15s .1s var(--ease-out) both;display:grid}.card:has([data-pressed],[data-opening])>.card-media{filter:brightness(.78);transform:scale(.97)}.card-pending:before,.card-pending:after{content:"";border-radius:50%;grid-area:1/1}.card-pending:before{background:color-mix(in srgb, var(--s1) 80%, transparent);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--line-2), 0 10px 30px -12px #000}.card-pending:after{background:conic-gradient(transparent 15%, color-mix(in srgb, var(--anil) 70%, transparent), var(--gelo));width:22px;height:22px;animation:.8s linear infinite card-pending-spin;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px))}@keyframes card-pending-in{0%{opacity:0}}@keyframes card-pending-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){:is(.card-media>.card-pending[data-on],.skill-link>.card-pending[data-on],.card:has(.card-title>.card-pending[data-on])>.card-media>.card-pending){animation:0s .1s both card-pending-in!important}}.preview{position:absolute;inset:0;overflow:hidden}.preview-live,.preview-live>canvas{width:100%;height:100%;position:absolute;inset:0}.preview>img.cover,.preview>video{object-fit:cover;width:100%;height:100%}.preview>video{opacity:0;transition:opacity .3s var(--ease-out), transform .8s var(--ease-out);position:absolute;inset:0}.preview>video.ready{opacity:1}.preview>img.cover{transition:transform .8s var(--ease-out)}.preview>img.cover.top{object-position:top}@media (hover:hover){.card-media:hover .preview>:is(img.cover,video){transform:scale(1.03)}}.preview>img.scroll{will-change:transform;width:100%;height:auto;animation:scroll-y var(--dur,22s) var(--ease-in-out) infinite alternate;animation-play-state:paused;position:absolute;top:0;left:0}.preview.is-playing>img.scroll{animation-play-state:running}@keyframes scroll-y{to{transform:translateY(var(--dist,0))}}.preview .style-name{letter-spacing:-.045em;color:#ffffffeb;font-size:clamp(28px,2.4vw,40px);font-weight:300;position:absolute;bottom:14px;left:18px}.preview:has(.style-name):after{content:"";background-image:var(--grain);opacity:.22;mix-blend-mode:overlay;background-size:160px;position:absolute;inset:0}.card-meta{justify-content:space-between;align-items:flex-start;gap:12px;padding:0 2px;display:flex}.card-title{text-align:left;gap:3px;min-width:0;display:grid}.card-title .t{letter-spacing:-.02em;color:var(--t1);font-size:17px;font-weight:500;line-height:1.25}.card-title .s{color:var(--t3);font-size:14px;line-height:1.3}.card-copy{width:32px;height:32px;color:var(--t2);transition:color .2s var(--ease-out), background-color .2s var(--ease-out), transform .18s var(--ease-out);border-radius:9px;flex:none;place-items:center;display:grid}.card-copy:hover{color:var(--t1);background:#ffffff0f}.card-copy:active{transform:scale(.92)}.card-copy.is-done{color:var(--anil-t)}.card-actions{flex:none;align-items:center;gap:2px;display:flex}.pro-crown{color:var(--coral);flex:none;place-items:center;display:inline-grid}.card-actions .pro-crown{width:22px;height:32px}.copy-btn .pro-crown{color:#b8507f}.promo-media{background:#000;flex-direction:column;padding:24px;display:flex}.promo-art{object-fit:contain;transform-origin:50%;width:80%;min-height:0;transition:transform .8s var(--ease-out);flex:auto;align-self:center}@media (hover:hover){.promo-media:hover .promo-art{transform:scale(1.03)}}.promo-body{z-index:1;position:relative}.promo-body h3{letter-spacing:-.025em;margin:0 0 6px;font-size:24px;font-weight:400;line-height:1.15}.promo-body p{color:var(--t2);max-width:30ch;margin:0 0 16px;font-size:14.5px}.promo-body .link-arrow{color:var(--t1)}.empty{color:var(--t2);grid-column:1/-1;justify-items:center;gap:16px;padding:96px 0;display:grid}.empty p{margin:0;font-size:17px}.suggest-band{border-radius:var(--r-lg);background:var(--s1);box-shadow:inset 0 0 0 1px var(--line);align-items:center;gap:16px;margin-top:48px;padding:16px 16px 16px 20px;display:flex}.suggest-band p{color:var(--t2);text-wrap:pretty;flex:1;margin:0;font-size:15px;line-height:1.5}.suggest-band b{color:var(--t1);font-weight:500}.suggest-band-icon{width:40px;height:40px;color:var(--t1);background:var(--s3);box-shadow:inset 0 0 0 1px var(--line-2);border-radius:12px;flex:none;place-items:center;display:grid}.suggest-band .btn{flex:none}@media (max-width:640px){.suggest-band{flex-wrap:wrap}.suggest-band p{flex-basis:calc(100% - 56px)}.suggest-band .btn{justify-content:center;width:100%}}.modal{border-radius:var(--r-xl);background:var(--s1);max-width:none;max-height:calc(100svh - 48px);color:var(--t1);box-shadow:inset 0 0 0 1px var(--line-2), 0 60px 160px -40px #000;border:0;padding:0;overflow:hidden}.modal[open]{animation:modal-in .35s var(--ease-out)}.modal:focus,.modal:focus-visible{outline:none}.modal::backdrop{-webkit-backdrop-filter:blur(8px);background:#030306b8}.modal[open]::backdrop{animation:fade .3s var(--ease-out)}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.985)}}@keyframes fade{0%{opacity:0}}html:has(.item-modal[open]){overflow:hidden}.item-modal{width:min(1320px,100vw - 48px);height:calc(100svh - 48px)}.item-modal-body{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--s4) transparent;height:100%;padding:28px;overflow-y:auto}.item-modal-body .item-stage-wrap{top:0}.item-modal-body .item-stage{max-height:calc(100svh - 160px)}.item-modal-body .bundle{margin-top:48px}.bundle{animation:bundle-in .6s var(--ease-out)}@keyframes bundle-in{0%{opacity:0;filter:blur(6px)}}.item-modal-close{z-index:3;background:color-mix(in srgb, var(--s3) 88%, transparent);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--line-2);-webkit-backdrop-filter:blur(12px);position:absolute;top:14px;right:14px}.item-modal-body .item-side{padding-right:44px}@media (max-width:1100px){.item-modal-body .item-side{padding-right:0}}@media (max-width:640px){.item-modal{width:calc(100vw - 16px);height:auto;max-height:none;box-shadow:none;background:0 0;border-radius:0;margin:20px auto 16px;overflow:visible}.item-modal-body{background:var(--s1);border-radius:var(--r-xl);height:auto;max-height:calc(100svh - 86px);box-shadow:inset 0 0 0 1px var(--line-2), 0 60px 160px -40px #000;padding:12px 12px 24px}.item-modal-close{margin:0 0 10px auto;position:relative;top:auto;right:auto}}.gate{background:radial-gradient(120% 60% at 50% 0%, #120f1f 0%, var(--s1) 60%);width:min(460px,100vw - 32px)}.gate-panel{text-align:center;justify-items:center;gap:14px;max-height:calc(100svh - 48px);padding:36px 28px 30px;display:grid;position:relative;overflow-y:auto}.gate-close{position:absolute;top:14px;right:14px}.gate-title{letter-spacing:-.04em;text-wrap:balance;margin:6px 0 0;font-size:32px;font-weight:300;line-height:1.05}.gate-lead{color:var(--t2);text-wrap:pretty;margin:0 0 8px;font-size:15px;line-height:1.5}.gate .auth-form{width:100%}.gate .btn-chrome{margin-top:4px}.gate-note{color:var(--t3);margin:-4px 0 0;font-size:13px;line-height:1.45}.gate-price{letter-spacing:-.04em;margin:0;font-size:34px;font-weight:300;line-height:1}.gate-price s{letter-spacing:0;color:var(--t3);margin-right:6px;font-size:17px;text-decoration-thickness:1px}.gate-price small{letter-spacing:0;color:var(--t3);margin-left:3px;font-size:14px}.gate-launch{letter-spacing:.08em;text-transform:uppercase;color:var(--t2);margin-top:-8px;font-size:11px}.gate-subs{border:0;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:0;padding:0;display:grid}.gate-sub{border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);text-align:left;cursor:pointer;transition:box-shadow .2s var(--ease-out), background .2s var(--ease-out);background:#ffffff06;align-content:start;justify-items:start;gap:6px;padding:14px 14px 13px;display:grid;position:relative}.gate-sub:has(:checked){box-shadow:inset 0 0 0 1.5px var(--anil-t);background:#ffffff0d}.gate-sub:has(:focus-visible){outline:2px solid var(--anil);outline-offset:2px}.gate-sub input{opacity:0;pointer-events:none;position:absolute}.gate-sub-top{align-items:center;min-height:22px;display:flex}.gate-sub-top b{font-size:16px;font-weight:500}.gate-sub-top .tag{padding:0 6px;font-size:10px;position:absolute;top:-10px;right:10px}.gate-sub-price{letter-spacing:-.03em;white-space:nowrap;font-size:20px;font-weight:300;line-height:1.1}.gate-sub-price s{letter-spacing:0;color:var(--t3);font-size:13px;text-decoration-thickness:1px;display:block}.gate-sub-price small{letter-spacing:0;color:var(--t3);margin-left:2px;font-size:12px}.gate-sub-copies{color:var(--t2);font-size:13px}.gate-sub-academy{color:#e8ffc4;align-items:center;gap:6px;margin-top:-2px;font-size:13px;line-height:1.3;display:flex}.gate-sub-play{color:#06280c;background:linear-gradient(160deg, #e8ffc4 0%, var(--neon) 50%, var(--neon-deep) 100%);border-radius:50%;flex:none;place-items:center;width:16px;height:16px;display:grid}.gate-sub-play svg{translate:.5px}@media (hover:hover){.gate-sub:not(:has(:checked)):hover{background:#ffffff0a}}.gate.gate-wall{width:min(460px,100vw - 32px)}@media (max-width:719px){.gate.gate-wall{border-radius:26px 26px 0 0;width:100%;max-width:100%;max-height:calc(100svh - 24px);margin:auto 0 0}.gate.gate-wall[open]{animation:sheet-in .4s var(--ease-out)}}@media (min-width:1024px){.gate.gate-wall{width:min(1040px,100vw - 48px);max-height:calc(100svh - 24px)}}.gate.gate-wall.gate-why{width:min(460px,100vw - 32px);animation:sheet-in .32s var(--ease-out)}@media (max-width:719px){.gate.gate-wall.gate-why{width:100%}}@keyframes sheet-in{0%{opacity:0;transform:translateY(48px)}}.lock{width:36px;height:36px;color:var(--gelo);box-shadow:inset 0 0 0 1px var(--line-2);background:#ffffff0d;border-radius:50%;place-items:center;display:grid}.confirm{background:radial-gradient(120% 60% at 50% 0%, color-mix(in srgb, var(--coral) 7%, var(--s1)) 0%, var(--s1) 60%);width:min(420px,100vw - 32px)}.confirm-panel{text-align:center;justify-items:center;gap:12px;max-height:calc(100svh - 48px);padding:32px 24px 24px;display:grid;overflow-y:auto}.confirm-mark{width:40px;height:40px;color:var(--coral-t);background:color-mix(in srgb, var(--coral) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--coral) 30%, transparent);border-radius:50%;place-items:center;display:grid}.confirm-title{letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere;margin:6px 0 0;font-size:26px;font-weight:300;line-height:1.1}.confirm-lead{color:var(--t2);text-wrap:pretty;margin:0;font-size:15px;line-height:1.5}.confirm-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:14px;display:grid}.confirm-actions .btn{justify-content:center}.btn-danger{color:var(--coral-t);background:color-mix(in srgb, var(--coral) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--coral) 36%, transparent), inset 0 1px 0 #ffffff0f}.btn-danger:hover{background:color-mix(in srgb, var(--coral) 22%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--coral) 55%, transparent), inset 0 1px 0 #ffffff14}.prompt{border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--line-2);background:#08090c;overflow:hidden}.prompt-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex}.prompt-actions{align-items:center;gap:8px;display:flex}.prompt pre{font-family:var(--font-mono);color:var(--t2);white-space:pre-wrap;max-height:420px;margin:0;padding:16px 16px 20px;font-size:12.5px;line-height:1.7;overflow:auto}.copy-btn.is-done{color:#0b0c10}.btn-skill.copy-btn.is-done{color:var(--t1)}.section{padding:140px var(--gutter) 0}.page-plans>.section{padding-top:48px}.section-head{text-align:center;justify-items:center;gap:20px;margin-bottom:48px;display:grid}.plans-lead{max-width:46ch;color:var(--t2);text-wrap:balance;margin:-8px 0 0;font-size:16px;line-height:1.5}.plans{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;max-width:1180px;margin:0 auto;display:grid}.plan{border-radius:var(--r-xl);box-shadow:inset 0 0 0 1px var(--line);background:linear-gradient(#ffffff06,#ffffff02);flex-direction:column;gap:16px;padding:28px;display:flex}.plan>.btn{justify-content:center;align-self:stretch;margin-top:auto}.plan>.btn-chrome{padding:0 52px}.plan>.btn-chrome .orb{position:absolute;top:50%;right:6px;translate:0 -50%}.plan[data-heat-host]{cursor:crosshair;touch-action:pan-y}.plan[data-heat-host] .btn{cursor:pointer}.plan-pro{background:radial-gradient(120% 70% at 50% 0,#0c0a14 0%,#000 70%)}.plan-max{box-shadow:inset 0 0 0 1px var(--line-2), 0 40px 100px -50px color-mix(in srgb, var(--anil) 50%, transparent);background:radial-gradient(120% 70% at 50% 0,#110d1c 0%,#000 70%)}.plan-gold{background:radial-gradient(120% 70% at 50% 0,#140f08 0%,#000 70%)}.plan-top{justify-content:space-between;align-items:center;min-height:22px;display:flex}.plan-word{width:78%;margin:-8px auto -14px}.price{letter-spacing:-.045em;margin:8px 0 0;font-size:52px;font-weight:300;line-height:1}.price span{color:var(--t2);vertical-align:1.1em;letter-spacing:0;margin-right:6px;font-size:18px}.price small{color:var(--t3);letter-spacing:0;margin-left:4px;font-size:16px}.plan-note{color:var(--t3);margin:-6px 0;font-size:14px}.price-was{color:var(--t3);align-items:center;gap:10px;margin:2px 0 -14px;font-size:17px;display:flex}.price-was s{text-decoration-thickness:1px}.price-off{height:22px;font-family:var(--font-mono);color:var(--coral-t);background:color-mix(in srgb, var(--coral) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--coral) 30%, transparent);border-radius:6px;align-items:center;padding:0 7px;font-size:11.5px;display:inline-flex}.plan-launch{color:var(--t2);gap:8px;margin:auto 0 -4px;font-size:14px;line-height:1.45;display:flex}.plan-launch svg{color:var(--coral);flex:none;margin-top:3px}.plan-launch~.btn{margin-top:0}.plan-gold .price-off{color:#f6dcb2;background:#d8b05c1f;box-shadow:inset 0 0 0 1px #d8b05c52}.plan-gold .plan-launch svg{color:#d8b05c}.plan-list{color:var(--t2);border-top:1px solid var(--line);gap:11px;margin:0 0 12px;padding:16px 0 0;font-size:15px;list-style:none;display:grid}.plan-list li{align-items:flex-start;gap:10px;line-height:1.4;display:flex}.plan-list .app-icon-plain{margin-top:2px}.plan-list b{color:var(--t1);font-weight:500}.app-icon{--app-size:28px;--app-hi:color-mix(in srgb, var(--anil) 34%, var(--s3));--app-lo:color-mix(in srgb, var(--anil) 12%, var(--s1));--app-fg:var(--gelo);--app-ink:var(--anil-t);width:var(--app-size);height:var(--app-size);border-radius:calc(var(--app-size) * .29);color:var(--app-fg);background:linear-gradient(180deg, var(--app-hi), var(--app-lo));flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 1px #fff3,0 6px 14px -6px #000c}.app-icon svg{width:56%;height:56%}.app-icon-max{--app-hi:color-mix(in srgb, var(--neon-deep) 30%, var(--s3));--app-lo:color-mix(in srgb, var(--neon-deep) 9%, var(--s1));--app-fg:#c8ffb8;--app-ink:var(--neon)}.app-icon-gold{--app-hi:color-mix(in srgb, #d8b05c 40%, var(--s3));--app-lo:color-mix(in srgb, #d8b05c 12%, var(--s1));--app-fg:#f2e2b4;--app-ink:#d8b05c}.app-icon-plain{--app-size:17px;color:var(--app-ink);box-shadow:none;background:0 0;border-radius:0}.app-icon-plain svg{width:100%;height:100%}@media (max-width:1000px){.plans{grid-template-columns:1fr;max-width:560px}}.thermal{width:100%;height:auto;display:block}.nf{min-height:calc(100svh - var(--nav-h));padding:24px var(--gutter) 96px;text-align:center;cursor:crosshair;touch-action:pan-y;align-content:center;justify-items:center;gap:20px;display:grid}.nf-mark{width:min(820px,100%)}.nf-title{letter-spacing:-.04em;margin:0;font-size:clamp(32px,4vw,52px);font-weight:300}.nf .btn{cursor:pointer}.metal{opacity:0;transition:opacity .8s var(--ease-out);display:block;position:relative}.metal.is-ready{opacity:1}.metal>canvas{width:100%;height:100%;position:absolute;inset:0}.field{height:52px;color:var(--t3);background:color-mix(in srgb, var(--s2) 90%, transparent);box-shadow:inset 0 0 0 1px var(--line-2);transition:box-shadow .2s var(--ease-out);border-radius:999px;align-items:center;gap:10px;padding:0 18px;display:flex}.field:focus-within{box-shadow:inset 0 0 0 1px var(--line-3);color:var(--t2)}.field input{min-width:0;height:100%;color:var(--t1);background:0 0;border:0;outline:0;flex:1;font-size:15px}.field input::placeholder{color:var(--t3)}.btn:disabled{opacity:.6;cursor:progress}.auth-form{gap:14px;display:grid}.auth-form form{gap:10px;display:grid}.auth-form .btn{justify-content:center;width:100%}.auth-google{gap:12px}.auth-or{align-items:center;gap:14px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--line);flex:1;height:1px}.auth-msg{color:var(--coral-t);text-align:center;justify-content:center;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.auth-msg.ok{color:var(--anil-t)}.auth-known{justify-items:center}.auth-known-email{color:var(--t2);margin:0;font-size:14.5px}.auth-known-email b{color:var(--t1);font-weight:500}.auth-form .auth-known-send{justify-content:space-between;padding-left:46px}.auth-known-label{text-align:center;flex:1}.auth-known-other{color:var(--t3);margin:2px 0 0;font-size:13.5px}.auth-inline{color:var(--t1);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.auth-sent{text-align:center;justify-items:center;gap:12px;display:grid}.auth-sent p{color:var(--t2);margin:0;font-size:15px;line-height:1.5}.auth-sent b{color:var(--t1);font-weight:500}.auth-sent form{gap:10px;width:100%;display:grid}.auth-sent form .btn{justify-content:center;width:100%}.field-code input{font-family:var(--font-mono);letter-spacing:.2em;font-size:16px}.field-code input::placeholder{font-family:var(--font-ui);letter-spacing:0;font-size:15px}.auth-sent-links{flex-wrap:wrap;justify-content:center;gap:8px 20px;display:flex}.auth-note{color:var(--t3);text-align:center;margin:0;font-size:13px}.auth-page{min-height:calc(100svh - var(--nav-h));padding:32px var(--gutter) 96px;place-items:center;display:grid}.auth-card{border-radius:var(--r-xl);text-align:center;background:radial-gradient(120% 60% at 50% 0%, #120f1f 0%, var(--s1) 65%);width:min(460px,100%);box-shadow:inset 0 0 0 1px var(--line-2), 0 60px 140px -60px color-mix(in srgb, var(--anil) 45%, transparent);gap:18px;padding:40px 32px 32px;display:grid}.auth-card .lead{text-align:center;margin:0 auto 8px;font-size:16px}.auth-title{font-size:clamp(36px,4vw,48px)}.panel{border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);background:linear-gradient(#ffffff06,#ffffff02);align-content:start;gap:14px;padding:22px;display:grid}.panel-top{justify-content:space-between;align-items:center;gap:12px;min-height:22px;display:flex}.panel-note{color:var(--t3);margin:0;font-size:13.5px;line-height:1.5}.panel-lead{color:var(--t2);margin:0;font-size:15.5px;line-height:1.5}.panel .btn{justify-self:start}.sk-page{animation:fade .3s .15s var(--ease-out) both}.sk{background:linear-gradient(90deg, var(--s2) 30%, var(--s3) 50%, var(--s2) 70%) 0 0 / 300% 100%;border-radius:8px;height:14px;animation:1.6s linear infinite sk;display:block}.sk-rows{gap:8px;display:grid}.sk-rows .sk{border-radius:var(--r-md);height:56px}@keyframes sk{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.sk{animation:none}}.legal{max-width:1080px;padding:48px var(--gutter) 40px;margin:0 auto}.legal-head{gap:14px;max-width:720px;margin-bottom:56px;display:grid}.legal-title{font-size:clamp(34px,5vw,60px)}.legal-updated{color:var(--t3);margin:0;font-size:14px}.legal-intro p{color:var(--t2);margin:6px 0 0;font-size:18px;line-height:1.55}.legal-body{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:64px;display:grid}.legal-toc{position:sticky;top:96px}.legal-toc ol{counter-reset:toc;gap:10px;margin:0;padding:0;list-style:none;display:grid}.legal-toc li{counter-increment:toc;font-size:14px;line-height:1.35}.legal-toc a{color:var(--t3);transition:color .2s var(--ease-out);gap:10px;display:flex}.legal-toc a:before{content:counter(toc, decimal-leading-zero);font-family:var(--font-mono);color:var(--t3);opacity:.6;padding-top:1px;font-size:12px}.legal-toc a:hover{color:var(--t1)}.legal-text{max-width:680px;color:var(--t2);font-size:16px;line-height:1.7}.legal-text section{border-bottom:1px solid var(--line);margin-bottom:36px;padding-bottom:36px;scroll-margin-top:96px}.legal-text h2{color:var(--t1);letter-spacing:-.02em;align-items:baseline;gap:14px;margin:0 0 14px;font-size:22px;font-weight:400;display:flex}.legal-n{font-family:var(--font-mono);color:var(--t3);letter-spacing:0;font-size:12px}.legal-text p{margin:0 0 14px}.legal-text ul{gap:8px;margin:0 0 14px;padding-left:20px;display:grid}.legal-text strong{color:var(--t1);font-weight:500}.legal-text a{color:var(--t1);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px}.legal-text a:hover{text-decoration-color:currentColor}.legal-other{color:var(--t3)}@media (max-width:860px){.legal-body{grid-template-columns:1fr;gap:40px}.legal-toc{border-radius:var(--r-xl);box-shadow:inset 0 0 0 1px var(--line);padding:20px;position:static}}.account{max-width:calc(1120px + 2 * var(--gutter));padding:40px var(--gutter) 0;margin:0 auto}.account-head{text-align:center;justify-items:center;gap:22px;margin-bottom:44px;display:grid}.account-meta{color:var(--t3);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;font-size:14.5px;display:flex}.account-email{color:var(--t2);overflow-wrap:anywhere}.account-since:before{content:"·";color:var(--t4);margin-right:16px}.account-meta form{display:contents}.account-notes{gap:16px;display:grid}.account-notes:not(:empty){margin-bottom:16px}.account-perks{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.account-perks a{color:inherit}.account-perks .perk-card a:not(.btn){color:var(--t1);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2)}.account-suggest{gap:8px;width:100%;max-width:340px;display:flex}.account-suggest input{min-width:0;height:44px;font:inherit;color:var(--t1);background:color-mix(in srgb, var(--s3) 88%, transparent);box-shadow:inset 0 0 0 1px var(--line-2), 0 12px 32px -16px #000c;transition:box-shadow .2s var(--ease-out);border:0;border-radius:12px;outline:0;flex:1;padding:0 14px;font-size:16px}.account-suggest input::placeholder{color:var(--t4)}.account-suggest input:focus{box-shadow:inset 0 0 0 1px var(--anil)}.account-suggest .btn{flex:none;height:44px}.quota-num{letter-spacing:-.04em;margin:0;font-size:44px;font-weight:300;line-height:1}.quota-num span{color:var(--t2);letter-spacing:0;font-size:16px}.meter{grid-auto-flow:column;gap:6px;display:grid}.meter i{background:var(--s4);border-radius:3px;height:6px}.meter i.on{background:linear-gradient(90deg, var(--coral), var(--anil))}.account-h2{letter-spacing:-.035em;margin:0;font-size:clamp(26px,2.6vw,36px);font-weight:300;line-height:1.1}.account-copies{gap:18px;margin-top:56px;display:grid}.empty-copies{justify-items:start}.empty-copies p{color:var(--t2);margin:0}.copied{border-radius:var(--r-lg);background:var(--s1);box-shadow:inset 0 0 0 1px var(--line);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.copied li+li{border-top:1px solid var(--line)}.copied-row{color:var(--t3);transition:color .2s var(--ease-out), background-color .2s var(--ease-out);grid-template-columns:88px minmax(0,1.1fr) minmax(0,1fr) auto auto;align-items:center;gap:24px;padding:12px 24px 12px 16px;display:grid}@media (hover:hover){a.copied-row:hover{color:var(--t1);background:#ffffff05}}.copied-thumb{aspect-ratio:16/10;background:var(--s3) center top / cover;width:88px;box-shadow:inset 0 0 0 1px var(--line);border-radius:8px}.copied-title{color:var(--t1);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:400;overflow:hidden}.copied-kind{color:var(--t3);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.copied-row .mono{font-size:12px}.copied-row.is-gone{opacity:.55}@media (max-width:1000px){.account-perks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.account{padding-top:24px}.account-head{margin-bottom:32px}.account-since:before{content:none}.account-perks{margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter) 4px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;grid-template-columns:none;grid-auto-columns:84%;grid-auto-flow:column;gap:12px;overflow-x:auto}.account-perks::-webkit-scrollbar{display:none}.account-perks>*{scroll-snap-align:start}.copied-row{grid-template-columns:64px minmax(0,1fr) auto;gap:14px;padding:10px 16px 10px 10px}.copied-thumb{width:64px}.copied-kind,.copied-row .mono{display:none}}.item-page{padding:12px var(--gutter) 0;max-width:1680px;margin:0 auto}.crumbs{color:var(--t3);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;display:flex}.crumbs a:hover{color:var(--t1)}.crumbs [aria-current]{color:var(--t2)}.item-layout{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);align-items:start;gap:40px;display:grid}.item-stage-wrap{top:calc(var(--nav-h) + 8px);gap:12px;display:grid;position:sticky}.item-stage{width:100%;aspect-ratio:var(--ar,4 / 3);max-height:calc(100svh - var(--nav-h) - 80px);border-radius:var(--r-lg);background:#000;position:relative;overflow:hidden;box-shadow:0 40px 120px -60px #000}.item-stage:after{content:"";z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none;position:absolute;inset:0}.item-stage .card-flags{pointer-events:none;top:16px;left:16px}.item-live,.item-live>canvas{width:100%;height:100%;position:absolute;inset:0}.item-video{z-index:1;object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.item-side{gap:18px;padding-top:4px;display:grid}.item-title{letter-spacing:-.05em;margin:-4px 0 0;font-size:clamp(44px,4.4vw,68px);font-weight:300;line-height:.98}.item-desc{color:var(--t2);text-wrap:pretty;margin:0;font-size:17px;line-height:1.55}.copy-cta{gap:10px;padding:6px 0;display:grid}.copy-cta .btn{justify-content:center;width:100%}.copy-note{min-height:1.4em;color:var(--t3);text-align:center;margin:0;font-size:13.5px}.ai-row{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.ai-tile{height:46px;color:var(--t1);box-shadow:inset 0 0 0 1px var(--line);-webkit-tap-highlight-color:transparent;background:#ffffff0a;border-radius:12px;place-items:center;transition:background-color .2s,box-shadow .2s;display:grid}@media (hover:hover){.ai-tile:hover{background:#ffffff14}}.ai-tile[aria-checked=true]{background:color-mix(in srgb, var(--gelo) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gelo) 70%, transparent)}.outline{border-top:1px solid var(--line);gap:12px;padding-top:18px;display:grid}.outline h2{margin:0;font-weight:400}.outline ul,.files{gap:2px;margin:0;padding:0;list-style:none;display:grid}.outline li,.files a{color:var(--t2);grid-template-columns:16px 1fr auto;align-items:center;gap:12px;padding:9px 0;font-size:15px;display:grid}.outline li svg,.files svg{color:var(--anil-t)}.outline small,.files small{color:var(--t3);font-size:13px}.asset-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.files a{transition:color .2s var(--ease-out)}.files a:hover{color:var(--t1)}.bundle{gap:22px;margin-top:72px;display:grid}.bundle-head{justify-items:start;gap:14px;display:grid}.bundle-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:start;gap:24px;display:grid}.bundle-main,.bundle-aside{gap:16px;display:grid}.bundle-hint{color:var(--t3);margin:8px 0 -4px;font-size:14px}.checklist{gap:4px;margin:0;padding:0;list-style:none;display:grid}.checklist label{color:var(--t2);cursor:pointer;grid-template-columns:18px 1fr;align-items:start;gap:12px;padding:7px 0;font-size:15px;line-height:1.45;display:grid}.checklist input{width:16px;height:16px;accent-color:var(--anil);margin:2px 0 0}.checklist input:checked+span{color:var(--t3);text-decoration:line-through;-webkit-text-decoration-color:var(--t4);text-decoration-color:var(--t4)}.related{gap:24px;margin-top:110px;display:grid}.related-head{justify-content:space-between;align-items:end;gap:16px;display:flex}.related-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:20px;display:grid}@media (max-width:1100px){.item-layout,.bundle-grid{grid-template-columns:1fr;gap:28px}.item-stage-wrap{position:static}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.item-stage-wrap{position:relative;top:0}}@media (max-width:539px){.related{margin-top:56px}.related-grid{gap:14px}.item-title{font-size:44px}}.admin{--side-w:256px;--panel:var(--s1);grid-template-columns:var(--side-w) minmax(0, 1fr);background:var(--bg);min-height:100svh;display:grid}.admin-out{display:block}.admin-panel{border-radius:var(--r-lg);background:var(--panel);min-width:0;min-height:calc(100svh - 16px);box-shadow:inset 0 0 0 1px var(--line);grid-area:1/2;margin:8px 8px 8px 0}.admin-top,.admin-scrim{display:none}.admin-main{max-width:1320px;padding:36px var(--gutter) 96px;margin:0 auto}.admin-denied-actions{gap:10px;margin-top:24px;display:flex}body.admin-lock{overflow:hidden}.admin-side{background:var(--bg);z-index:30;flex-direction:column;grid-area:1/1;gap:8px;height:100svh;padding:8px;display:flex;position:sticky;top:0}.side-head{gap:8px;display:grid;position:relative}.side-close{width:32px;height:32px;color:var(--t3);border-radius:10px;place-items:center;display:none;position:absolute;top:12px;right:4px}.side-brand{height:56px;transition:background-color .15s var(--ease-out);border-radius:12px;align-items:center;gap:11px;padding:0 10px;display:flex}.side-mark{border-radius:7px;flex:none;width:32px;height:32px;box-shadow:0 0 0 1px #ffffff0f}.side-two{text-align:left;min-width:0;line-height:1.3;display:grid}.side-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;color:var(--t1);font-size:14px;font-weight:500;overflow:hidden}.side-sub{text-overflow:ellipsis;white-space:nowrap;color:var(--t3);font-size:12px;overflow:hidden}.side-search{height:36px;color:var(--t3);box-shadow:inset 0 0 0 1px var(--line-2);transition:color .15s var(--ease-out), box-shadow .15s var(--ease-out);background:#ffffff06;border-radius:12px;align-items:center;gap:10px;padding:0 6px 0 12px;font-size:14px;display:flex}.side-search .kbd{margin-left:auto}.side-body{overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;flex:1;gap:18px;min-height:0;padding-top:8px;display:flex;overflow-y:auto}.side-menu{gap:2px;margin:0;padding:0;list-style:none;display:grid}.side-link,.side-sublink{height:36px;color:var(--t2);transition:color .15s var(--ease-out), background-color .15s var(--ease-out);border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-size:14px;display:flex}.side-link>svg{color:var(--t3);transition:color .15s var(--ease-out);flex:none}.side-link>span,.side-sublink>span:last-child,.side-member>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.side-link[data-active],.side-sublink[data-active]{color:var(--t1);background:var(--s3);box-shadow:inset 0 1px 0 #ffffff0d, inset 0 0 0 1px var(--line)}.side-link[data-active]{font-weight:500}.side-link[data-active]>svg{color:var(--t1)}.side-link:focus-visible,.side-sublink:focus-visible,.side-brand:focus-visible,.side-search:focus-visible,.side-user:focus-visible,.side-toggle:focus-visible{outline-offset:-2px}@media (hover:hover){.side-brand:hover{background:#ffffff0a}.side-search:hover{color:var(--t2);box-shadow:inset 0 0 0 1px var(--line-3)}.side-link:not([data-active]):hover,.side-sublink:not([data-active]):hover{color:var(--t1);background:#ffffff0a}.side-link:hover>svg{color:var(--t1)}.side-toggle:hover{color:var(--t1);background:#ffffff0f}.side-user:hover{background:#ffffff0a}}.side-parent{position:relative}.side-parent>.side-link{padding-right:40px}.side-toggle{width:24px;height:24px;color:var(--t3);transition:color .15s var(--ease-out), background-color .15s var(--ease-out);border-radius:8px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.side-toggle svg{transition:transform .2s var(--ease-out)}.side-toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.side-fold{transition:grid-template-rows .24s var(--ease-out);grid-template-rows:1fr;display:grid}.side-fold[data-closed]{grid-template-rows:0fr}.side-fold>div{min-height:0;overflow:hidden}.side-tracks{border-left:1px solid var(--line-2);gap:1px;margin:2px 0 4px 20px;padding:0 0 0 9px;list-style:none;display:grid}.side-sublink{border-radius:10px;gap:9px;height:32px;padding:0 10px;font-size:13.5px}.side-thumb{object-fit:cover;background:var(--s4);width:18px;height:18px;box-shadow:0 0 0 1px var(--line);border-radius:5px;flex:none}.side-label{height:28px;color:var(--t3);align-items:center;margin:0;padding:0 12px;font-size:12px;font-weight:500;display:flex}.side-member{height:36px;color:var(--t2);align-items:center;gap:10px;padding:0 12px 0 10px;font-size:14px;display:flex}.side-you{color:var(--t3)}.side-end{margin-top:auto}.avatar{--size:24px;width:var(--size);height:var(--size);background:var(--s4);box-shadow:inset 0 0 0 1px var(--line-2);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-initials{font-size:calc(var(--size) * .38);letter-spacing:0;color:var(--t1);font-weight:500;line-height:1}.avatar-dot{width:max(8px, calc(var(--size) * .34));aspect-ratio:1;box-shadow:0 0 0 2px var(--bg);background:#7fd1a0;border-radius:50%;position:absolute;bottom:-1px;right:-1px}.side-acct{position:relative}.side-user{width:100%;height:56px;transition:background-color .15s var(--ease-out);border-radius:12px;align-items:center;gap:10px;padding:0 10px;display:flex}.side-user[aria-expanded=true]{background:#ffffff0d}.side-user>svg{color:var(--t3);flex:none;margin-left:auto}.side-pop{--pad:8px;z-index:30;width:264px;padding:var(--pad);border-radius:var(--r-lg);background:var(--s2);box-shadow:inset 0 0 0 1px var(--line-2), 0 24px 60px -18px #000000d9;opacity:0;visibility:hidden;transform-origin:0 100%;transition:opacity .14s var(--ease-out), transform .14s var(--ease-out), visibility 0s .14s;position:absolute;bottom:0;left:calc(100% + 12px);transform:translate(-4px)scale(.97)}.side-pop[data-open]{opacity:1;visibility:visible;transition:opacity .2s var(--ease-out), transform .24s var(--ease-out), visibility 0s;transform:none}.side-pop-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:4px;padding:8px 8px 12px;display:flex}@media (max-width:899px){.admin{display:block}.admin-top{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);align-items:center;gap:4px;height:56px;padding:0 8px;display:flex;position:sticky;top:0}.admin-top-btn{width:40px;height:40px;color:var(--t2);border-radius:12px;place-items:center;display:grid}.admin-top-btn[aria-expanded=true]{color:var(--t1)}.admin-top-brand{letter-spacing:-.02em;align-items:center;gap:9px;margin-right:auto;padding-left:2px;font-size:14.5px;font-weight:500;display:flex}.admin-top-brand img{border-radius:6px}.admin-top-brand .mono{color:var(--t3);font-size:12px;font-weight:400}.admin-side{z-index:40;width:min(288px,100vw - 48px);height:100dvh;box-shadow:1px 0 0 var(--line), 24px 0 60px -20px #000;visibility:hidden;pointer-events:none;transition:transform .28s var(--ease-out), visibility 0s .28s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.admin[data-drawer] .admin-side{visibility:visible;pointer-events:auto;transition:transform .34s var(--ease-out), visibility 0s;transform:none}.admin-scrim{z-index:35;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s var(--ease-out), visibility 0s .24s;background:#03030699;display:block;position:fixed;inset:0}.admin[data-drawer] .admin-scrim{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s var(--ease-out), visibility 0s}.admin-panel{min-height:calc(100svh - 56px);box-shadow:none;border-radius:0;margin:0}.side-pop{transform-origin:bottom;width:auto;bottom:calc(100% + 8px);left:0;right:0;transform:translateY(4px)scale(.98)}.side-close{display:grid}.side-brand{padding-right:44px}.side-link,.side-member{height:40px}.side-sublink{height:36px}}@media (hover:hover) and (max-width:899px){.admin-top-btn:hover,.side-close:hover{color:var(--t1);background:#ffffff0d}}.palette{width:min(580px,100vw - 32px);max-height:min(560px,100svh - 24vh);margin:12vh auto auto}.palette[open]{flex-direction:column;display:flex}.palette-field{border-bottom:1px solid var(--line);height:56px;color:var(--t3);flex:none;align-items:center;gap:12px;padding:0 14px 0 18px;display:flex}.palette-field input{min-width:0;height:100%;color:var(--t1);background:0 0;border:0;outline:0;flex:1;font-size:15.5px}.palette-field input::placeholder{color:var(--t3)}.palette-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--s4) transparent;flex:1;min-height:0;padding:4px 8px 8px;overflow-y:auto}.palette-group{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t3);padding:12px 10px 6px;font-size:11px}.palette-opt{min-height:40px;color:var(--t2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:11px;padding:8px 10px;font-size:14px;display:flex}.palette-opt svg{color:var(--t3);flex:none}.palette-opt[data-active]{color:var(--t1);background:#ffffff0f}.palette-opt[data-active] svg{color:var(--t1)}.palette-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.palette-meta{text-overflow:ellipsis;white-space:nowrap;max-width:45%;color:var(--t3);flex:none;font-size:12.5px;overflow:hidden}.palette-empty{text-align:center;color:var(--t3);overflow-wrap:anywhere;margin:0;padding:32px 12px;font-size:14px}.palette-foot{border-top:1px solid var(--line);color:var(--t3);flex:none;gap:18px;padding:10px 18px;font-size:12px;display:flex}.palette-foot .kbd{margin-right:3px;padding:1px 5px}@media (max-width:560px){.palette{width:calc(100vw - 16px);max-height:calc(100svh - 16px);margin-top:8px}.palette-opt{min-height:44px}.palette-foot{display:none}}.admin-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.admin-head h1,.admin-denied h1{letter-spacing:-.04em;margin:0;font-size:40px;font-weight:300;line-height:1.05}.admin-sub{color:var(--t3);margin:6px 0 0;font-size:14.5px}.admin-sub a{color:var(--t2);text-underline-offset:3px;text-decoration:underline}.admin-back{margin-bottom:10px;font-size:13.5px}.admin-denied p{color:var(--t2)}.admin-denied code{font-family:var(--font-mono);color:var(--t1);font-size:.9em}.admin-error{color:var(--coral-t)}.admin-empty{text-align:center;color:var(--t3);justify-items:center;gap:14px;padding:48px 0;display:grid}.admin-empty p{margin:0}.admin-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.admin-search{max-width:360px;height:40px;color:var(--t3);background:var(--s2);box-shadow:inset 0 0 0 1px var(--line-2);cursor:text;transition:box-shadow .2s var(--ease-out), color .2s var(--ease-out);border-radius:10px;flex:240px;align-items:center;gap:10px;padding:0 6px 0 12px;display:flex}.admin-search:focus-within{color:var(--t2);box-shadow:inset 0 0 0 1px var(--anil)}.admin-search input{min-width:0;height:100%;font:inherit;color:var(--t1);background:0 0;border:0;outline:0;flex:1;font-size:14.5px}.admin-search input::placeholder{color:var(--t3)}.admin-search input::-webkit-search-cancel-button{filter:invert(.6)}.admin-filter{flex:0 184px;min-width:150px}.admin-filters .select-btn{height:40px;padding-block:0}.admin-seg{background:var(--s2);box-shadow:inset 0 0 0 1px var(--line-2);border-radius:10px;flex:none;gap:2px;padding:3px;display:flex}.admin-seg button{height:34px;color:var(--t2);white-space:nowrap;transition:color .15s var(--ease-out), background-color .15s var(--ease-out), box-shadow .15s var(--ease-out);border-radius:7px;flex:1;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13.5px;display:inline-flex}.admin-seg button[aria-pressed=true]{color:var(--t1);background:var(--s4);box-shadow:inset 0 1px 0 #ffffff12, inset 0 0 0 1px var(--line)}.admin-seg .count{font-family:var(--font-mono);color:var(--t3);font-size:11px}.admin-clear{height:40px;color:var(--t2);transition:color .15s var(--ease-out);align-items:center;gap:6px;padding:0 6px;font-size:13.5px;display:inline-flex}.admin-count{font-variant-numeric:tabular-nums;color:var(--t3);margin:0 0 0 auto;font-size:13.5px}@media (hover:hover){.admin-search:not(:focus-within):hover{box-shadow:inset 0 0 0 1px var(--line-3)}.admin-seg button[aria-pressed=false]:hover,.admin-clear:hover{color:var(--t1)}}@media (max-width:640px){.admin-search{flex-basis:100%;max-width:none}.admin-filter{flex:1 1 0;min-width:0}.admin-seg{flex:100%}}.admin-table-wrap{--wrap-max:calc(100svh - 32px);max-height:var(--wrap-max);overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:var(--r-lg);scrollbar-width:thin;scrollbar-color:var(--s4) transparent;overflow:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th{z-index:4;text-align:left;font-weight:400;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t3);background:var(--panel);box-shadow:inset 0 -1px 0 var(--line);padding:12px 14px;font-size:11px;position:sticky;top:0}.admin-fill{flex-direction:column;height:calc(100svh - 16px);min-height:600px;padding-bottom:32px;display:flex}.admin-fill>.admin-table-wrap{flex:0 auto;min-height:0;max-height:none}@media (max-width:899px){.admin-table-wrap{--wrap-max:calc(100svh - 56px - 32px)}.admin-fill{height:calc(100svh - 56px);padding-bottom:20px}}.admin-table td{border-bottom:1px solid var(--line);color:var(--t2);vertical-align:middle;white-space:nowrap;padding:10px 14px}.admin-table tr:last-child td{border-bottom:0}.admin-table td.admin-grip-cell{width:1px;padding:0 0 0 10px}.admin-grip{width:28px;height:40px;color:var(--t4);cursor:grab;touch-action:none;transition:color .15s var(--ease-out), background-color .15s var(--ease-out);border-radius:8px;place-items:center;display:grid}.admin-grip:hover,.admin-grip:focus-visible{color:var(--t1);background:#ffffff0f}.admin-table tr.is-dragging td{background:var(--s2);color:var(--t1)}.admin-table tr.is-dragging .admin-grip{color:var(--t1);cursor:grabbing}.admin-table tr.is-dragging td:first-child{box-shadow:inset 2px 0 0 var(--anil)}html.is-sorting,html.is-sorting *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.admin-pos{font-variant-numeric:tabular-nums}.admin-save-error{color:var(--coral)}.admin-thumb{aspect-ratio:4/3;isolation:isolate;background:var(--s3) center top / cover;width:72px;box-shadow:inset 0 0 0 1px var(--line);clip-path:inset(0 round 8px);border-radius:8px;display:block;position:relative;overflow:hidden}.admin-thumb:after{content:"";z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none;position:absolute;inset:0}.admin-thumb .style-name{display:none}.admin-thumb i{z-index:3;background:var(--coral);border-radius:50%;width:8px;height:8px;position:absolute;bottom:5px;right:5px}.admin-title{color:var(--t1);font-weight:500;display:block}.admin-title:hover{text-underline-offset:3px;text-decoration:underline}.admin-slug{font-family:var(--font-mono);color:var(--t3);font-size:12px}.admin-date{font-variant-numeric:tabular-nums}.status{align-items:center;gap:6px;font-size:13px;display:inline-flex}.status:before{content:"";background:var(--t4);border-radius:50%;width:7px;height:7px}.status-published{color:var(--t1)}.admin-access{height:26px;color:var(--t2);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;background:#ffffff0a;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12px;display:inline-flex}.admin-access:hover{color:var(--t1);background:#ffffff14}.admin-access.is-pro{color:var(--gelo)}.status-published:before{background:#7fd1a0;box-shadow:0 0 0 3px #7fd1a02e}.admin-actions{align-items:center;gap:14px;display:flex}.admin-actions a,.admin-actions button{color:var(--t2);font-size:13.5px}.admin-actions a:hover,.admin-actions button:hover{color:var(--t1)}.danger,.admin-actions .danger{color:var(--coral-t)}.admin-group{gap:14px;margin-bottom:40px;display:grid}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 28px;display:grid}.admin-stat{border-radius:var(--r-lg);background:var(--s1);box-shadow:inset 0 0 0 1px var(--line);margin:0;padding:16px 18px}.admin-stat dt{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t3);font-size:11px}.admin-stat dd{letter-spacing:-.04em;color:var(--t1);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:34px;font-weight:300;line-height:1}.admin-team-tag{vertical-align:1px;height:18px;margin-left:8px;padding:0 6px;font-size:10.5px}.admin-bought{white-space:nowrap;margin-top:4px;display:block}.admin-bought a{color:var(--t2)}.admin-bought a:hover{color:var(--t1)}.admin-group-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.admin-group-head .admin-title{letter-spacing:-.02em;font-size:19px}.admin-hint{color:var(--t3);margin:-6px 0 0;font-size:13px;line-height:1.5}.admin-edit{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid}.admin-media{gap:16px;display:grid;position:sticky;top:24px}.admin-form{gap:28px;display:grid}.admin-form fieldset{border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);border:0;gap:16px;margin:0;padding:22px;display:grid}.admin-form legend{float:left;width:100%;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t3);margin-bottom:2px;font-size:11.5px}.admin-form .row{gap:14px;display:flex}.admin-form .row>label{flex:1;min-width:0}.admin-form .row>label.narrow{flex:0 0 110px}.admin-form label{gap:7px;display:grid}.admin-form label>span{color:var(--t2);font-size:13px}.admin-form input,.admin-form textarea,.select-btn{width:100%;font:inherit;color:var(--t1);background:var(--s2);box-shadow:inset 0 0 0 1px var(--line-2);transition:box-shadow .2s var(--ease-out);border:0;border-radius:10px;outline:0;padding:10px 12px;font-size:14.5px}.admin-form input:focus,.admin-form textarea:focus,.select-btn:focus,.select-btn[aria-expanded=true]{box-shadow:inset 0 0 0 1px var(--anil)}.admin-form textarea{resize:vertical;line-height:1.5}.admin-form textarea.code{font-family:var(--font-mono);font-size:12.5px;line-height:1.65}.select{position:relative}.select-btn{text-align:left;align-items:center;gap:10px;display:flex}.select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.select-chevron{color:var(--t3);transition:transform .2s var(--ease-out), color .2s var(--ease-out);flex:none}.select-btn[aria-expanded=true] .select-chevron{color:var(--t1);transform:rotate(180deg)}.select-pop{--pad:5px;z-index:20;overscroll-behavior:contain;max-height:304px;padding:var(--pad);border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--s2);scrollbar-width:thin;scrollbar-color:var(--s4) transparent;opacity:0;visibility:hidden;transform-origin:top;transition:opacity .14s var(--ease-out), transform .14s var(--ease-out), visibility 0s .14s;gap:2px;margin:0;list-style:none;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;transform:translateY(-4px)scale(.98);box-shadow:0 24px 60px -18px #000000d9}.select-pop[data-up]{transform-origin:bottom;top:auto;bottom:calc(100% + 6px);transform:translateY(4px)scale(.98)}.select-pop[data-open]{opacity:1;visibility:visible;transition:opacity .18s var(--ease-out), transform .22s var(--ease-out), visibility 0s;transform:none}.select-opt{border-radius:calc(var(--r-md) - var(--pad) - 1px);min-height:38px;color:var(--t2);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .12s var(--ease-out), background-color .12s var(--ease-out);align-items:center;gap:10px;padding:8px 10px;font-size:14px;line-height:1.35;display:flex}.select-opt[aria-selected=true]{color:var(--t1)}.select-opt[data-active]{color:var(--t1);background:#ffffff0f}.select-opt svg{color:var(--t1);flex:none;margin-left:auto}.admin-submit{background:linear-gradient(transparent, var(--panel,var(--bg)) 30%);align-items:center;gap:16px;padding:14px 0;display:flex;position:sticky;bottom:0}.admin-feedback{color:var(--anil-t);margin:0;font-size:14px}.admin-feedback.is-error{color:var(--coral-t)}.admin-suggestions{gap:10px;margin:0;padding:0;list-style:none;display:grid}.admin-suggestion{border-radius:var(--r-lg);background:var(--s1);box-shadow:inset 0 0 0 1px var(--line);color:var(--t2);gap:14px;padding:16px 18px;display:grid}.admin-suggestion[data-status=done],.admin-suggestion[data-status=declined]{background:0 0}@media (min-width:900px){.admin-suggestion{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.admin-suggestion-text{gap:3px;min-width:0;display:grid}.admin-suggestion-text .admin-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-suggestion-text .admin-title:hover{text-decoration:none}.admin-resolve{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.admin-resolve .select{width:150px}.admin-resolve .select:nth-of-type(2){width:240px}.admin-resolve .select-btn{height:40px;padding-block:0}.admin-resolve .admin-feedback{flex-basis:100%;font-size:13px}.admin-resolve .admin-feedback:empty{display:none}.media-field .media-preview,.media-empty{aspect-ratio:16/10;object-fit:cover;background:var(--s2);width:100%;box-shadow:inset 0 0 0 1px var(--line);border-radius:10px}.media-empty{color:var(--t3);place-items:center;font-size:13.5px;display:grid}.upload{cursor:pointer;position:relative;overflow:hidden}.upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload.is-busy{opacity:.7;cursor:progress}.media-field .files li{align-items:center;gap:10px;display:flex}.media-field .files a{flex:1;grid-template-columns:1fr auto;min-width:0}.link-arrow:disabled{opacity:.5}@media (max-width:1199px){.admin-edit{grid-template-columns:1fr}.admin-media{position:static}}@media (max-width:1000px){.admin-form .row{flex-wrap:wrap}}.shaders{max-width:calc(1680px + 2 * var(--gutter));margin-inline:auto}.shaders-head{justify-content:space-between;align-items:last baseline;gap:24px;margin-bottom:36px;display:flex}.section-title{justify-items:start;gap:16px;display:grid}.section-title .pill{gap:7px;height:28px;padding:0 12px 0 10px;font-size:12.5px}.shaders-head .h2{margin:0;font-size:clamp(30px,3.2vw,52px)}.shaders-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-auto-rows:clamp(220px,19vw,330px);gap:16px;display:grid}.shaders-grid[data-count="3"]>:first-child{grid-row:span 2}.shaders-grid[data-count="1"]{grid-template-columns:1fr;grid-auto-rows:clamp(320px,34vw,560px)}.shader-tile{isolation:isolate;border-radius:var(--r-lg);clip-path:inset(0 round var(--r-lg));background:#000;display:block;position:relative;overflow:hidden}.shader-live,.shader-tile .preview{z-index:-2;position:absolute;inset:0}.shader-live>canvas{width:100%;height:100%;position:absolute;inset:0}.shader-tile .style-name{display:none}.shader-tile:before{content:"";z-index:-1;background-image:var(--grain);opacity:.16;mix-blend-mode:overlay;pointer-events:none;background-size:160px;position:absolute;inset:0}.shader-tile:after{content:"";z-index:-1;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none;transition:box-shadow .3s var(--ease-out);background:linear-gradient(#0000 50%,#0303069e);position:absolute;inset:0}.shader-meta{gap:6px;display:grid;position:absolute;bottom:clamp(16px,1.8vw,26px);left:clamp(18px,2vw,28px);right:80px}.shader-name{letter-spacing:-.045em;color:#fffffff2;font-size:clamp(30px,2.8vw,46px);font-weight:300;line-height:1}.shader-sub{color:#eef0f6b3;font-size:11.5px}.shader-go{width:40px;height:40px;color:var(--t1);-webkit-backdrop-filter:blur(10px);transition:background-color .3s var(--ease-out);background:#0a0a0e66;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px;box-shadow:inset 0 0 0 1px #ffffff24}.shader-go svg{transition:transform .35s var(--ease-out);transform:rotate(-45deg)}@media (hover:hover){.shader-tile:hover:after{box-shadow:inset 0 0 0 1px var(--line-3)}.shader-tile:hover .shader-go{background:#ffffff24}.shader-tile:hover .shader-go svg{transform:rotate(0)}}@media (max-width:739px){.shaders-head{flex-wrap:wrap;row-gap:10px;margin-bottom:20px}.shaders-grid,.shaders-grid[data-count="1"]{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}.shaders-grid[data-count="3"]>:first-child{grid-row:auto}.shader-tile{aspect-ratio:4/3}.shaders-grid>:first-child{aspect-ratio:1}}.motion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.motion-grid[data-count="1"]{grid-template-columns:1fr}.motion-tile{aspect-ratio:16/9}@media (max-width:739px){.motion-grid{grid-template-columns:1fr;gap:12px}.motion-tile{aspect-ratio:16/9}}.explore{justify-content:center;margin-top:40px;display:flex}.explore[data-peek]{margin-top:30px;display:block;position:relative;overflow:clip}.shaders .explore[data-peek]{margin-top:16px}.explore[data-peek]:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--bg) 62%, transparent) 40%, var(--bg) 92%);position:absolute;inset:0}.explore[data-peek] .explore-cta{z-index:2;position:absolute;top:50%;left:50%;translate:-50% -50%}.peek-cell{min-width:0;overflow:hidden}.shaders-grid.explore-row{grid-auto-rows:calc(clamp(220px,19vw,330px)/2)}.shaders-grid.explore-row .shader-tile{height:clamp(220px,19vw,330px)}@media (max-width:1099px){.explore[data-peek]{margin-top:24px}.shaders .explore[data-peek]{margin-top:16px}.comps-grid.explore-row>:nth-child(n+3){display:none}}@media (max-width:739px){.shaders .explore[data-peek]{margin-top:12px}.explore-row:is(.motion-grid,.shaders-grid)>:nth-child(n+2){display:none}.shaders-grid.explore-row{grid-auto-rows:auto}.shaders-grid.explore-row>.peek-cell{aspect-ratio:8/3}.shaders-grid.explore-row .shader-tile{height:auto}}.cdemo{background:var(--cdemo-bg,var(--s1));place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.cdemo-scaled{position:absolute;inset:0;overflow:hidden}.cdemo-canvas{transform:translate(-50%, -50%) scale(var(--s,0));position:absolute;top:50%;left:50%}.cdemo[data-grain]:after{content:"";background-image:var(--grain);opacity:.14;mix-blend-mode:overlay;pointer-events:none;background-size:160px;position:absolute;inset:0}.cdemo-center{place-items:center;display:grid;position:absolute;inset:0}.preview:not(.is-playing):not(.is-shown) .cdemo *{animation-play-state:paused!important}.preview[data-off]>.cdemo{visibility:hidden}.item-stage .cdemo{z-index:1}.comps,.sites{max-width:calc(1680px + 2 * var(--gutter));margin-inline:auto}.sites{padding-top:96px}.comps-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 16px;display:grid}@media (max-width:1099px){.comps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}@media (max-width:640px){.hero{min-height:0;padding:40px 14px 44px}.hero .h1{font-size:min(40px,10.6383vw - 6.38298px)}.hero .lead{max-width:none;font-size:15.5px}.section{padding-top:104px}.sites{padding-top:64px}.grid{gap:14px}.col{gap:24px}}@media (max-width:539px){.grid{gap:12px}.col{gap:20px}.card{gap:10px}.card-media{border-radius:12px}.card-flags{gap:4px;top:8px;left:8px}.card-flags .tag{height:19px;padding:0 6px;font-size:10.5px}.card-meta{gap:4px;padding:0}.card-title{gap:1px}.card-title .t{font-size:15px}.card-title .s{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.card-title .niche{display:none}.card-copy{width:28px;height:28px;margin:-3px -4px 0 0}.card-actions .pro-crown{height:28px;margin-top:-3px}.preview .style-name{font-size:22px;bottom:9px;left:12px}.promo-media{padding:14px}.promo-art{width:72%}.promo-body h3{margin-bottom:10px;font-size:17px}.promo-body p{display:none}.promo-body .link-arrow{font-size:13px}}