.wJl5sG_stage{margin-inline:-8% calc(var(--gut)*-1);position:relative}@media (min-width:901px){.wJl5sG_stage{height:clamp(420px,36vw,500px)}}@media (max-width:900px){.wJl5sG_stage{aspect-ratio:6/5;margin:-24px calc(var(--gut)*-1) 0}}.wJl5sG_heroScene{aspect-ratio:6/5;opacity:0;transition:opacity .8s;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000),linear-gradient(#0000,#000 16% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000),linear-gradient(#0000,#000 16% 84%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.wJl5sG_heroScene canvas{width:100%;height:100%;display:block}@media (min-width:901px){.wJl5sG_heroScene{left:-12%}}@media (min-width:1240px){.wJl5sG_heroScene{left:-26%}}.wJl5sG_scene{opacity:0;transition:opacity .8s;position:absolute;inset:0}.wJl5sG_scene canvas{width:100%;height:100%;display:block}.wJl5sG_sceneOn{opacity:1}.wJl5sG_tall pre{min-height:392px}.wJl5sG_exportOptions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.wJl5sG_exportOptions button{background:var(--panel);color:var(--mute);font:400 13px/18px var(--body);white-space:nowrap;cursor:pointer;border:0;border-radius:12px;flex:auto;justify-content:center;align-items:center;gap:8px;padding:12px 14px;transition:color .2s,background-color .2s;display:inline-flex}.wJl5sG_exportOptions button svg{opacity:.55;flex:none;width:18px;height:18px;transition:opacity .2s}.wJl5sG_exportOptions button:hover,.wJl5sG_exportOptions button.wJl5sG_exportOn{color:var(--fg)}.wJl5sG_exportOptions button:hover svg,.wJl5sG_exportOptions button.wJl5sG_exportOn svg{opacity:1}.wJl5sG_exportOptions button.wJl5sG_exportOn{background:var(--line)}.wJl5sG_browser{background:var(--panel);box-shadow:0 0 0 1px var(--line);border-radius:16px;overflow:hidden}.wJl5sG_browserBar{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 10px 10px 14px;display:flex}.wJl5sG_copyPrompt{border:1px solid var(--line-2);height:28px;color:var(--fg);font:500 12px/1 var(--body);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;flex:none;margin-left:auto;padding:0 12px;transition:border-color .2s}.wJl5sG_copyPrompt:hover{border-color:var(--mute)}@media (max-width:480px){.wJl5sG_copyPrompt{display:none}}.wJl5sG_toggle{border:1px solid var(--line-2);height:28px;color:var(--fg);font:500 12px/1 var(--body);cursor:pointer;background:0 0;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 12px 0 6px;transition:border-color .2s;display:inline-flex}.wJl5sG_toggle:hover{border-color:var(--mute)}.wJl5sG_track{background:var(--line-2);border-radius:999px;width:24px;height:14px;transition:background-color .2s;position:relative}.wJl5sG_track:after{content:"";background:var(--mute);border-radius:50%;width:10px;height:10px;transition:transform .2s cubic-bezier(.2,.8,.2,1),background-color .2s;position:absolute;top:2px;left:2px}[aria-checked=true]>.wJl5sG_track{background:var(--fg)}[aria-checked=true]>.wJl5sG_track:after{background:#000;transform:translate(10px)}.wJl5sG_dots{gap:6px;display:flex}.wJl5sG_dots i{background:var(--line-2);border-radius:50%;width:10px;height:10px}.wJl5sG_url{min-width:0;font-family:var(--mono);color:var(--mute);text-overflow:ellipsis;white-space:nowrap;background:#ffffff0a;border-radius:8px;flex:0 260px;margin-left:6px;padding:5px 12px;font-size:11px;overflow:hidden}.wJl5sG_browserView{aspect-ratio:16/10;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.wJl5sG_viewerScene{left:22%;right:-12%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22%);mask-image:linear-gradient(90deg,#0000,#000 22%)}.wJl5sG_mockSite{pointer-events:none;position:absolute;inset:0}.wJl5sG_mockSite :where(i){background:#ffffff12;border-radius:999px;display:block}.wJl5sG_mockNav{align-items:center;gap:18px;display:flex;position:absolute;top:18px;left:22px;right:22px}.wJl5sG_mockLogo{background:#ffffff1f;border-radius:7px;width:22px;height:22px}.wJl5sG_mockLinks{gap:14px;margin-inline:auto;display:flex}.wJl5sG_mockLinks i{width:38px;height:7px}.wJl5sG_mockCta{background:#fff3;width:64px;height:22px}.wJl5sG_mockHero{justify-items:start;gap:9px;width:40%;display:grid;position:absolute;top:36%;left:7%}.wJl5sG_mockTitle{width:100%;height:16px}.wJl5sG_mockTitle+.wJl5sG_mockTitle{width:72%;margin-bottom:8px}.wJl5sG_mockLine{background:#ffffff0b;width:86%;height:6px}.wJl5sG_mockLine+.wJl5sG_mockLine{width:64%}.wJl5sG_mockButtons{gap:8px;margin-top:10px;display:flex}.wJl5sG_mockButtons i{width:70px;height:24px}.wJl5sG_mockButtons i:first-child{background:#fff3}.wJl5sG_browserCode{pointer-events:none;opacity:0;background:var(--panel);transition:opacity .25s;position:absolute;inset:0}.wJl5sG_browserView[data-code] .wJl5sG_browserCode{opacity:1;pointer-events:auto;-webkit-user-select:text;user-select:text}.wJl5sG_browserCode pre{font-family:var(--mono);color:var(--fg);margin:0;padding:48px 16px 18px 0;font-size:12px;line-height:20px;position:relative}