.us{--us-r:22px;--us-panel:#0a0c109e;--us-hair:#ffffff17;--us-accent:#6ee7c8;max-width:1440px;padding:0 var(--gx-s3) var(--gx-s6);color:var(--gx-ink);font-family:var(--gx-sans);margin:0 auto}.us-body{scroll-margin-top:84px}.us-hero{text-align:center;padding:max(56px,min(11vh,120px)) 0 max(32px,min(6vh,56px))}.us-kick{color:var(--us-accent);align-items:center;gap:10px;margin:0;font-size:15px;font-weight:600;display:inline-flex}.us .us-hero h1{letter-spacing:-.055em;margin:14px 0 0;font-size:max(54px,min(8.4vw,132px));font-weight:800;line-height:.92}.us .us-hero .us-sub{text-align:center;letter-spacing:-.02em;max-width:640px;color:var(--gx-mid);margin:20px auto 0;font-size:max(19px,min(1.8vw,25px));font-weight:600}.us-find{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.us-search{background:var(--us-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(420px,100%);height:46px;box-shadow:inset 0 0 0 1px var(--us-hair);border-radius:999px;align-items:center;gap:10px;padding:0 18px;display:inline-flex}.us-search svg{fill:none;width:17px;height:17px;stroke:var(--gx-dim);stroke-width:2px;flex:none}.us-search input{min-width:0;color:var(--gx-ink);font:500 15px var(--gx-sans);background:0 0;border:0;outline:none;flex:1}.us-search:focus-within{box-shadow:inset 0 0 0 1px var(--gx-edge), 0 0 0 3px #ffffff14}.us-seg{background:var(--us-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px var(--us-hair);border-radius:999px;gap:3px;padding:4px;display:inline-flex}.us-seg button{height:38px;color:var(--gx-mid);font:600 14px var(--gx-sans);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;transition:background .25s,color .25s}.us-seg button:hover{color:var(--gx-ink)}.us-seg button[aria-pressed=true]{background:var(--gx-ink);color:var(--gx-on-ink)}.us-seg.small button{height:30px;padding:0 12px;font-size:13px}.us button:focus-visible{outline:2px solid var(--gx-ink);outline-offset:2px}.us a:focus-visible{outline:2px solid var(--gx-ink);outline-offset:2px}.us input:focus-visible{outline:2px solid var(--gx-ink);outline-offset:2px}.us-body{grid-template-columns:minmax(0,1fr);align-items:start;gap:max(20px,min(2.4vw,36px));display:grid}.us-famline{color:var(--gx-mid);margin:4px 0 18px;font-size:17px}.us-famline b{color:var(--gx-ink)}.us-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.us-tile{border-radius:var(--us-r);background:var(--us-panel);box-shadow:inset 0 0 0 1px var(--us-hair);transition:box-shadow .3s var(--gx-ease);animation:us-in .6s var(--gx-ease) both;position:relative;overflow:hidden}@keyframes us-in{0%{opacity:0;transform:translateY(14px)}}.us-tile:hover{box-shadow:inset 0 0 0 1px var(--gx-edge)}.us-tile{padding:8px}.us-tile-stage{background:radial-gradient(110% 90% at 50% 0,#ffffff12,#ffffff03 62%),#00000047;border-radius:16px;height:250px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.us-canvas{transform-origin:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%}.us-tile-foot{align-items:center;gap:12px;padding:12px 4px 4px 12px;display:flex;position:relative}.us-tile-link{min-width:0;color:var(--gx-ink);flex:1;text-decoration:none}.us-tile-link:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0}.us-tile-open{z-index:1;cursor:pointer;height:34px;box-shadow:inset 0 0 0 1px var(--us-hair);color:var(--gx-ink);font:600 13px var(--gx-sans);background:#ffffff12;border:0;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 14px;transition:background .2s,color .2s;display:inline-flex;position:relative}.us-tile-open:hover{background:var(--gx-ink);color:var(--gx-on-ink)}.us-tile-open svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:14px;height:14px}.us-tile-link b{letter-spacing:-.01em;font-size:16px}.us-tile-link small{color:var(--gx-dim);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:13px;line-height:1.35;display:block;overflow:hidden}.us-tier{font:500 11px var(--gx-mono);vertical-align:2px;color:var(--gx-mid);background:#ffffff14;border-radius:999px;margin-left:8px;padding:2px 8px;font-style:normal}.us-tier.free{background:color-mix(in srgb, var(--us-accent) 18%, transparent);color:var(--us-accent)}.us-empty{text-align:center;color:var(--gx-mid);padding:60px 0}.us-studio{animation:us-in .5s var(--gx-ease) both}.us-head{grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:18px;display:grid}.us-back,.us-step button{cursor:pointer;background:var(--us-panel);height:38px;box-shadow:inset 0 0 0 1px var(--us-hair);color:var(--gx-ink);font:600 14px var(--gx-sans);border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.us-back:hover,.us-step button:hover{box-shadow:inset 0 0 0 1px var(--gx-edge)}.us-head svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:15px;height:15px}.us-step{gap:6px;display:inline-flex}.us-step button{justify-content:center;width:38px;padding:0}.us-title{text-align:center}.us-title .us-kick{color:var(--gx-dim);font-size:13px}.us-title h2{letter-spacing:-.045em;margin:4px 0 0;font-size:max(34px,min(4vw,60px));font-weight:800;line-height:1}.us-line{color:var(--gx-mid);margin:8px 0 0;font-size:16px}.us-work{grid-template-columns:1fr 360px;align-items:stretch;gap:16px;display:grid}.us-stage{min-height:max(380px,min(58vh,640px));box-shadow:inset 0 0 0 1px var(--us-hair);border-radius:28px;transition:background .4s;position:relative;overflow:hidden}.us-stage.bg-dark{background:radial-gradient(120% 90% at 50% 30%,#12151d,#05060a)}.us-stage.bg-light{background:radial-gradient(120% 90% at 50% 30%,#fbfbf9,#e9e9e4)}.us-stage.bg-grid{background-color:#07080c;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:24px 24px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.us-stage-live{place-items:center;display:grid;position:absolute;top:0;bottom:64px;left:0;right:0;overflow:auto}.us-stage-bar{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.us-panel{background:var(--us-panel);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:inset 0 0 0 1px var(--us-hair);border-radius:28px;flex-direction:column;min-width:0;padding:10px;display:flex}.us-tabs{background:#0000004d;border-radius:999px;grid-template-columns:repeat(3,1fr);gap:3px;padding:4px;display:grid}.us-tabs button{height:36px;color:var(--gx-mid);font:650 14px var(--gx-sans);cursor:pointer;background:0 0;border:0;border-radius:999px}.us-tabs button[aria-selected=true]{background:var(--gx-ink);color:var(--gx-on-ink)}.us-knobs,.us-code-pane,.us-install{scrollbar-width:thin;flex-direction:column;gap:16px;max-height:calc(58vh - 40px);padding:18px 10px 8px;display:flex;overflow-y:auto}.us-knob{flex-direction:column;gap:9px;font-size:14px;font-weight:600;display:flex}.us-knob>span:first-child{justify-content:space-between;display:flex}.us-knob output{font:500 13px var(--gx-mono);color:var(--gx-mid)}.us-knob.boolean{flex-direction:row;justify-content:space-between;align-items:center}.us-knob input[type=range]{width:100%;accent-color:var(--gx-ink)}.us-knob input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#ffffff24;border-radius:999px;width:42px;height:24px;transition:background .25s;position:relative}.us-knob input[type=checkbox]:after{content:"";width:18px;height:18px;transition:transform .25s var(--gx-ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.us-knob input[type=checkbox]:checked{background:var(--us-accent)}.us-knob input[type=checkbox]:checked:after{transform:translate(18px)}.us-knob .us-seg{border-radius:16px;flex-wrap:wrap}.us-acts{flex-wrap:wrap;gap:8px;display:flex}.us-pri,.us-ghost{cursor:pointer;height:38px;font:650 14px var(--gx-sans);border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.us-pri{background:var(--gx-ink);color:var(--gx-on-ink)}.us-pri:hover{background:var(--gx-ink-hover)}.us-ghost{color:var(--gx-ink);box-shadow:inset 0 0 0 1px var(--us-hair);background:#ffffff0f}.us-ghost:hover{box-shadow:inset 0 0 0 1px var(--gx-edge)}.us-pri:disabled,.us-ghost:disabled{opacity:.4;cursor:default}.us-note,.us-source p{color:var(--gx-mid);margin:0;font-size:14px;line-height:1.5}.us-fine{color:var(--gx-dim);margin:0;font-size:13px;line-height:1.6}.us-fine code{font:12px var(--gx-mono);color:var(--gx-mid)}.us-fine a,.us-err a{color:var(--gx-ink)}.us-err{color:#ff9a8a;margin:0;font-size:13px}.us-source{background:#00000040;border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex}.us-code{box-shadow:inset 0 0 0 1px var(--us-hair);background:#0000006b;border-radius:16px;margin:0;overflow:hidden}.us-code figcaption{border-bottom:1px solid var(--us-hair);font:500 12px var(--gx-mono);color:var(--gx-dim);justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex}.us-code figcaption span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.us-code figcaption button{background:var(--gx-ink);height:28px;color:var(--gx-on-ink);font:650 12px var(--gx-sans);cursor:pointer;border:0;border-radius:999px;flex:none;padding:0 12px}.us-code figcaption button:disabled{opacity:.35;cursor:default}.us-code pre{max-height:220px;font:12.5px/1.6 var(--gx-mono);color:#dfe6f2;scrollbar-width:thin;margin:0;padding:14px;overflow:auto}.us-code.tall pre{max-height:340px}.us-about{background:var(--us-panel);box-shadow:inset 0 0 0 1px var(--us-hair);border-radius:28px;grid-template-columns:1.2fr 1fr;gap:20px 40px;margin-top:28px;padding:26px 28px;display:grid}.us-about>p{color:var(--gx-mid);margin:0;font-size:17px;line-height:1.55}.us-about dl{gap:14px;margin:0;display:grid}.us-about dt{font:500 12px var(--gx-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gx-dim)}.us-about dd{color:var(--gx-mid);flex-direction:column;gap:4px;margin:6px 0 0;font-size:14px;display:flex}.us-more{color:var(--gx-ink);grid-column:1/-1;justify-self:start;font-size:14px;font-weight:650}@media (max-width:1100px){.us-work{grid-template-columns:1fr}.us-knobs,.us-code-pane,.us-install{max-height:none}}@media (max-width:860px){.us-body{grid-template-columns:minmax(0,1fr)}.us-head{grid-template-columns:1fr auto}.us-title{text-align:left;grid-area:2/1/auto/-1}.us-about{grid-template-columns:1fr}}@media (max-width:560px){.us{padding:0 16px 80px}.us-grid{grid-template-columns:minmax(0,1fr)}.us-stage{min-height:340px}}@media (prefers-reduced-motion:reduce){.us-tile,.us-studio{animation:none}}.us.own .us-title{visibility:hidden}.us-famtabs{background:#ffffff12;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:2px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:18px auto 0;padding:4px;display:flex}.us-famtabs button{height:40px;color:var(--gx-mid);font:600 15px var(--gx-sans);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 18px;transition:color .3s,background .3s;display:inline-flex}.us-famtabs button:hover{color:var(--gx-ink)}.us-famtabs button[aria-pressed=true]{background:var(--gx-ink);color:var(--gx-on-ink)}.us-famtabs i{font:500 11px var(--gx-mono);opacity:.55;font-style:normal}.us .us-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:64px 40px}.us .us-tile{box-shadow:none;background:0 0;border-radius:0;padding:0;overflow:visible}.us .us-tile:hover{box-shadow:none}.us .us-tile-stage{height:300px;box-shadow:none;background:0 0;border-radius:0}.us .us-tile-foot{text-align:center;flex-direction:column;gap:8px;padding:10px 0 0}.us .us-tile-link b{letter-spacing:-.02em;font-size:19px}.us .us-tile-link small{white-space:normal;color:var(--gx-mid);font-size:14px}.us .us-tile-open{height:auto;box-shadow:none;color:var(--gx-mid);background:0 0;padding:4px 0}.us .us-tile-open:hover{color:var(--gx-ink);background:0 0}@media (max-width:760px){.us-famtabs{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-mask:linear-gradient(90deg,#0000,#000 14px,#000 calc(100% - 14px),#0000)}.us-famtabs::-webkit-scrollbar{display:none}.us-famtabs button{white-space:nowrap;flex:none;height:36px;padding:0 14px;font-size:14px}}