.SceneFragment-module__2AChea__fragment{border:1px solid color-mix(in srgb, currentColor 40%, transparent);background:var(--color-void);width:100%;height:100%;color:var(--color-cyan);overflow:hidden;box-shadow:0 12px 32px #0003}.SceneFragment-module__2AChea__top{border-bottom:1px solid color-mix(in srgb, currentColor 18%, transparent);font:9px var(--font-mono);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.SceneFragment-module__2AChea__top>i{background:currentColor;width:5px;height:5px}.SceneFragment-module__2AChea__dashboard{grid-template-columns:1.5fr 1fr;gap:18px;height:calc(100% - 36px);padding:24px 18px;display:grid}.SceneFragment-module__2AChea__chart{border-bottom:1px solid;align-items:end;gap:6px;display:flex}.SceneFragment-module__2AChea__chart i{opacity:.6;background:currentColor;flex:1}.SceneFragment-module__2AChea__chart i:nth-child(3n){opacity:.25}.SceneFragment-module__2AChea__lines{flex-direction:column;justify-content:center;gap:13px;display:flex}.SceneFragment-module__2AChea__lines i{opacity:.25;background:currentColor;height:5px}.SceneFragment-module__2AChea__lines i:nth-child(2){width:65%}.SceneFragment-module__2AChea__components{color:var(--color-purple)}.SceneFragment-module__2AChea__componentsGrid{grid-template-columns:1fr 1fr;gap:8px;height:calc(100% - 36px);padding:14px;display:grid}.SceneFragment-module__2AChea__componentsGrid>span{background:color-mix(in srgb, currentColor 8%, transparent);border:1px solid color-mix(in srgb, currentColor 25%, transparent);justify-content:center;align-items:center;gap:5px;font-size:22px;display:flex}.SceneFragment-module__2AChea__componentsGrid i{background:currentColor;border-radius:50%;width:12px;height:12px}.SceneFragment-module__2AChea__componentsGrid i:nth-child(2){background:var(--color-pink)}.SceneFragment-module__2AChea__componentsGrid i:nth-child(3){background:var(--color-yellow)}.SceneFragment-module__2AChea__motion{color:var(--color-pink)}.SceneFragment-module__2AChea__motionPath{padding:17px 20px}.SceneFragment-module__2AChea__motionPath svg{width:100%;height:72px}.SceneFragment-module__2AChea__motionPath>span{font:8px var(--font-mono);opacity:.7;justify-content:space-between;display:flex}.SceneFragment-module__2AChea__motionPath b{font-weight:400}
.BrowserScene-module__1fNe2a__scene{isolation:isolate;--scene-x:0;--scene-y:0;width:100%;height:620px;position:relative}.BrowserScene-module__1fNe2a__sceneHeader{min-height:36px;color:var(--color-comment);font:8px var(--font-mono);letter-spacing:.08em;z-index:9;border-bottom:1px solid #6272a430;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;inset:12px 12px auto}.BrowserScene-module__1fNe2a__sceneControls{align-items:center;gap:4px;display:flex}.BrowserScene-module__1fNe2a__orbit{aspect-ratio:1;pointer-events:none;background:radial-gradient(#bd93f912,#0000 65%);border:1px solid #6272a41a;border-radius:50%;width:94%;position:absolute;top:0;left:8%}.BrowserScene-module__1fNe2a__orbit:after{content:"";border:1px dashed #6272a425;border-radius:50%;position:absolute;inset:12%}.BrowserScene-module__1fNe2a__stage{perspective:1200px;position:absolute;inset:60px 12px 105px}.BrowserScene-module__1fNe2a__world{width:86%;height:330px;transform-style:preserve-3d;transform:rotateX(calc(8deg + var(--scene-y) * -5deg)) rotateY(calc(-15deg + var(--scene-x) * 7deg)) rotateZ(-4deg);transition:transform .65s cubic-bezier(.22,1,.36,1);position:absolute;top:15%;left:7%}.BrowserScene-module__1fNe2a__browser{transform-style:preserve-3d;background:#242632;border:1px solid #858cb68a;transition:transform .8s cubic-bezier(.22,1,.36,1),background .5s;position:absolute;inset:0;transform:translateZ(35px);box-shadow:15px 25px 55px #0005,inset 0 1px #ffffff10}.BrowserScene-module__1fNe2a__chrome{height:35px;font:10px var(--font-mono);color:var(--color-muted-foreground);background:#ffffff03;border-bottom:1px solid #6272a44d;align-items:center;gap:12px;padding:0 12px;display:flex}.BrowserScene-module__1fNe2a__traffic{gap:5px;display:flex}.BrowserScene-module__1fNe2a__traffic i{background:var(--color-pink);border-radius:50%;width:5px;height:5px}.BrowserScene-module__1fNe2a__traffic i:nth-child(2){background:var(--color-yellow)}.BrowserScene-module__1fNe2a__traffic i:nth-child(3){background:var(--color-green)}.BrowserScene-module__1fNe2a__address{opacity:.6;margin:0 auto;font-size:8px}.BrowserScene-module__1fNe2a__browserBody{height:calc(100% - 61px);display:flex}.BrowserScene-module__1fNe2a__sidebar{width:42px;color:var(--color-purple);border-right:1px solid #6272a42e;flex-direction:column;flex-shrink:0;align-items:center;gap:19px;padding:13px 0;display:flex}.BrowserScene-module__1fNe2a__sidebar b{letter-spacing:-3px;font-size:20px}.BrowserScene-module__1fNe2a__sidebar>i{border:1px solid #6272a4;width:10px;height:10px}.BrowserScene-module__1fNe2a__sidebar>i:first-of-type{border-color:var(--color-purple);background:#bd93f92b}.BrowserScene-module__1fNe2a__sidebar>span{margin-top:auto}.BrowserScene-module__1fNe2a__workspace{flex:1;min-width:0;padding:18px 20px}.BrowserScene-module__1fNe2a__workspaceHeader{font:8px var(--font-mono);color:var(--color-muted-foreground);justify-content:space-between;display:flex}.BrowserScene-module__1fNe2a__workspaceHeader i{background:var(--color-green);width:4px;height:4px;margin-right:4px;display:inline-block}.BrowserScene-module__1fNe2a__workspaceTitle{font:700 clamp(20px, 2.4vw, 31px)/1.05 var(--font-heading);letter-spacing:-.05em;margin-top:17px}.BrowserScene-module__1fNe2a__workspaceTitle em{color:var(--color-purple);font-style:normal}.BrowserScene-module__1fNe2a__skeleton{flex-direction:column;gap:5px;margin-top:10px;display:flex}.BrowserScene-module__1fNe2a__skeleton i{background:#6272a44d;width:67%;height:3px}.BrowserScene-module__1fNe2a__skeleton i+i{width:40%}.BrowserScene-module__1fNe2a__miniGrid{gap:8px;height:64px;margin:16px 0;display:flex}.BrowserScene-module__1fNe2a__miniGrid>div{background:#8be9fd06;border:1px solid #6272a44d;flex:1;padding:8px;transition:transform .75s,background .5s}.BrowserScene-module__1fNe2a__miniGrid span{color:var(--color-cyan);font-size:15px}.BrowserScene-module__1fNe2a__miniGrid i{background:#6272a466;width:75%;height:2px;margin-top:5px;display:block}.BrowserScene-module__1fNe2a__miniGrid i+i{width:45%}.BrowserScene-module__1fNe2a__scene[data-step="2"] .BrowserScene-module__1fNe2a__miniGrid>div:first-child,.BrowserScene-module__1fNe2a__scene[data-step="3"] .BrowserScene-module__1fNe2a__miniGrid>div:first-child,.BrowserScene-module__1fNe2a__scene[data-step="4"] .BrowserScene-module__1fNe2a__miniGrid>div:first-child{background:#bd93f918;transform:translate(calc(100% + 8px))}.BrowserScene-module__1fNe2a__scene[data-step="2"] .BrowserScene-module__1fNe2a__miniGrid>div:nth-child(2),.BrowserScene-module__1fNe2a__scene[data-step="3"] .BrowserScene-module__1fNe2a__miniGrid>div:nth-child(2),.BrowserScene-module__1fNe2a__scene[data-step="4"] .BrowserScene-module__1fNe2a__miniGrid>div:nth-child(2){transform:translate(calc(-100% - 8px))}.BrowserScene-module__1fNe2a__browserActions{gap:8px;display:flex}.BrowserScene-module__1fNe2a__scene button{cursor:pointer;font-family:var(--font-mono)}.BrowserScene-module__1fNe2a__scene button:focus-visible{outline:2px solid var(--color-yellow);outline-offset:5px}.BrowserScene-module__1fNe2a__browserActions button{background:var(--color-purple);min-height:32px;color:var(--color-void);border:1px solid var(--color-purple);justify-content:space-between;align-items:center;gap:15px;padding:0 11px;font-size:8px;transition:background .2s;display:flex}.BrowserScene-module__1fNe2a__browserActions button:hover{background:var(--color-pink)}.BrowserScene-module__1fNe2a__browserActions button+button{color:var(--color-muted-foreground);background:0 0;border-color:#6272a466}.BrowserScene-module__1fNe2a__console{font:7px var(--font-mono);color:var(--color-green);gap:12px;margin-top:13px;display:flex}.BrowserScene-module__1fNe2a__consoleLine{color:var(--color-comment)}.BrowserScene-module__1fNe2a__browserFooter{height:26px;font:7px var(--font-mono);color:var(--color-comment);border-top:1px solid #6272a433;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.BrowserScene-module__1fNe2a__browserFooter i{background:currentColor;width:2px;height:2px;margin:0 5px 2px;display:inline-block}.BrowserScene-module__1fNe2a__browserFooter>span+span{color:var(--color-green)}.BrowserScene-module__1fNe2a__backplane{color:var(--color-purple);background:#242332;border:1px solid #bd93f947;padding:20px;transition:transform .8s cubic-bezier(.22,1,.36,1),border-color .5s;position:absolute;inset:0;transform:translate3d(20px,-20px,-15px);box-shadow:12px 20px 35px #0002}.BrowserScene-module__1fNe2a__backplane>span{font:10px var(--font-mono);letter-spacing:.06em}.BrowserScene-module__1fNe2a__backplane code,.BrowserScene-module__1fNe2a__routeTree{font:12px/2 var(--font-mono);margin-top:32px;display:block}.BrowserScene-module__1fNe2a__backplane b{font:9px var(--font-mono);color:var(--color-green);margin-top:30px;display:block}.BrowserScene-module__1fNe2a__cssLayer{color:var(--color-cyan);background:#1d2630;border-color:#8be9fd38;transform:translate3d(38px,-40px,-65px)}.BrowserScene-module__1fNe2a__reactLabel{font:10px var(--font-mono);color:var(--color-pink);opacity:0;transition:opacity .4s;position:absolute;top:-26px;left:0}.BrowserScene-module__1fNe2a__scene[data-expanded=true]{min-height:620px}.BrowserScene-module__1fNe2a__scene[data-expanded=true] .BrowserScene-module__1fNe2a__world{width:100%;height:100%;top:0;left:0;transform:none}.BrowserScene-module__1fNe2a__scene[data-expanded=true] .BrowserScene-module__1fNe2a__backplane{width:calc(50% - 8px);height:205px;padding:16px;inset:0 auto auto 0;transform:none}.BrowserScene-module__1fNe2a__scene[data-expanded=true] .BrowserScene-module__1fNe2a__backplane code,.BrowserScene-module__1fNe2a__scene[data-expanded=true] .BrowserScene-module__1fNe2a__routeTree{margin-top:18px;font-size:clamp(10px,.9vw,12px);line-height:1.8}.BrowserScene-module__1fNe2a__scene[data-expanded=true] .BrowserScene-module__1fNe2a__backplane b{margin-top:14px}.BrowserScene-module__1fNe2a__scene[data-expanded=true] .BrowserScene-module__1fNe2a__browser{transform-origin:top;height:330px;inset:235px 0 auto;transform:scale(.68)}.BrowserScene-module__1fNe2a__scene[data-expanded=true] .BrowserScene-module__1fNe2a__next{border-color:var(--color-purple)}.BrowserScene-module__1fNe2a__scene[data-expanded=true] .BrowserScene-module__1fNe2a__cssLayer{border-color:var(--color-cyan);left:auto;right:0}.BrowserScene-module__1fNe2a__scene[data-expanded=true] .BrowserScene-module__1fNe2a__reactLabel{opacity:1;font-size:14px}.BrowserScene-module__1fNe2a__scene[data-expanded=true] .BrowserScene-module__1fNe2a__preview{top:250px;right:0;transform:none}@media (max-width:1100px) and (min-width:761px){.BrowserScene-module__1fNe2a__scene[data-expanded=true]{height:620px}}@media (max-width:480px){.BrowserScene-module__1fNe2a__scene[data-expanded=true]{height:800px}.BrowserScene-module__1fNe2a__scene[data-expanded=true] .BrowserScene-module__1fNe2a__backplane{width:100%;height:185px}.BrowserScene-module__1fNe2a__scene[data-expanded=true] .BrowserScene-module__1fNe2a__cssLayer{top:200px}.BrowserScene-module__1fNe2a__scene[data-expanded=true] .BrowserScene-module__1fNe2a__backplane code,.BrowserScene-module__1fNe2a__scene[data-expanded=true] .BrowserScene-module__1fNe2a__routeTree{font-size:12px}.BrowserScene-module__1fNe2a__scene[data-expanded=true] .BrowserScene-module__1fNe2a__browser{height:280px;top:425px;transform:scale(.76)}.BrowserScene-module__1fNe2a__scene[data-expanded=true] .BrowserScene-module__1fNe2a__preview{top:430px}}.BrowserScene-module__1fNe2a__preview{background:var(--color-void);border:1px solid var(--color-green);width:205px;padding:17px;position:absolute;top:23%;right:-5%;transform:translateZ(115px)rotate(4deg);box-shadow:0 16px 60px #0008}.BrowserScene-module__1fNe2a__preview>span{font:8px var(--font-mono);color:var(--color-green)}.BrowserScene-module__1fNe2a__preview>button{width:28px;height:28px;color:var(--color-muted-foreground);background:0 0;border:0;position:absolute;top:7px;right:7px}.BrowserScene-module__1fNe2a__previewIcon{color:var(--color-green);margin:20px 0 12px;font-size:27px}.BrowserScene-module__1fNe2a__preview strong{font:700 21px var(--font-heading)}.BrowserScene-module__1fNe2a__preview p{color:var(--color-muted-foreground);margin-top:8px;font-size:10px;line-height:1.6}.BrowserScene-module__1fNe2a__fragment{z-index:4;pointer-events:none;width:190px;height:150px;transition:opacity .5s;position:absolute}.BrowserScene-module__1fNe2a__interfaceFragment{top:354px;left:-2%;transform:rotate(-9deg)}.BrowserScene-module__1fNe2a__componentsFragment{width:155px;height:145px;top:65px;right:-1%;transform:rotate(9deg)}.BrowserScene-module__1fNe2a__motionFragment{width:175px;height:145px;top:378px;right:0;transform:rotate(7deg)}.BrowserScene-module__1fNe2a__cursor{z-index:8;width:25px;color:var(--color-pink);pointer-events:none;position:absolute;top:0;left:0;transform:translate(330px,300px)}.BrowserScene-module__1fNe2a__cursor svg{filter:drop-shadow(0 2px 3px #0005);width:25px;display:block}.BrowserScene-module__1fNe2a__cursor>i{border:1px solid var(--color-pink);opacity:0;border-radius:50%;width:28px;height:28px;position:absolute;top:-9px;left:-9px}.BrowserScene-module__1fNe2a__scene[data-control=user] .BrowserScene-module__1fNe2a__cursor{color:var(--color-cyan)}.BrowserScene-module__1fNe2a__inspectButton,.BrowserScene-module__1fNe2a__pauseButton{min-height:34px;color:var(--color-purple);background:0 0;border:0;padding:0 12px;font-size:9px}.BrowserScene-module__1fNe2a__inspectButton:hover,.BrowserScene-module__1fNe2a__pauseButton:hover{background:#bd93f92b}.BrowserScene-module__1fNe2a__inspectButton>span{margin-right:5px}.BrowserScene-module__1fNe2a__pauseButton{min-width:34px;padding:0 8px}.BrowserScene-module__1fNe2a__hint{width:100%;color:var(--color-comment);text-align:center;font:8px/1.5 var(--font-mono);position:absolute;bottom:8px;left:0}@media (min-width:1600px){.BrowserScene-module__1fNe2a__scene{height:700px}.BrowserScene-module__1fNe2a__stage{top:85px}.BrowserScene-module__1fNe2a__world{height:370px}.BrowserScene-module__1fNe2a__miniGrid{height:85px}.BrowserScene-module__1fNe2a__interfaceFragment{top:420px}.BrowserScene-module__1fNe2a__motionFragment{top:442px}}@media (max-width:1100px) and (min-width:761px){.BrowserScene-module__1fNe2a__scene{height:560px}.BrowserScene-module__1fNe2a__world{width:94%;left:0}.BrowserScene-module__1fNe2a__workspace{padding:16px 12px}.BrowserScene-module__1fNe2a__fragment{width:150px;height:135px}.BrowserScene-module__1fNe2a__interfaceFragment{top:335px}.BrowserScene-module__1fNe2a__motionFragment{top:345px}.BrowserScene-module__1fNe2a__componentsFragment{top:50px}.BrowserScene-module__1fNe2a__consoleLine{display:none}}@media (max-width:760px){.BrowserScene-module__1fNe2a__scene{max-width:590px;height:570px;margin:0 auto}.BrowserScene-module__1fNe2a__world{height:310px}.BrowserScene-module__1fNe2a__workspaceTitle{font-size:25px}.BrowserScene-module__1fNe2a__interfaceFragment{width:165px;height:140px;top:330px;left:0}.BrowserScene-module__1fNe2a__motionFragment{width:160px;height:140px;top:350px}.BrowserScene-module__1fNe2a__componentsFragment{width:135px;height:130px;top:45px;right:2%}}@media (max-width:420px){.BrowserScene-module__1fNe2a__scene{height:530px}.BrowserScene-module__1fNe2a__stage{inset:70px 0 110px}.BrowserScene-module__1fNe2a__world{width:92%;height:280px;left:2%}.BrowserScene-module__1fNe2a__workspace{padding:13px 10px}.BrowserScene-module__1fNe2a__sidebar{gap:15px;width:30px}.BrowserScene-module__1fNe2a__workspaceTitle{font-size:22px}.BrowserScene-module__1fNe2a__miniGrid{height:52px;margin:12px 0}.BrowserScene-module__1fNe2a__console{font-size:6px}.BrowserScene-module__1fNe2a__consoleLine{display:none}.BrowserScene-module__1fNe2a__browserActions button{min-height:30px;padding:0 6px;font-size:7px}.BrowserScene-module__1fNe2a__fragment{width:125px;height:125px}.BrowserScene-module__1fNe2a__interfaceFragment{top:315px}.BrowserScene-module__1fNe2a__motionFragment{top:320px}.BrowserScene-module__1fNe2a__componentsFragment{width:120px;height:120px;top:47px}.BrowserScene-module__1fNe2a__inspectButton{padding:0 8px;font-size:8px}.BrowserScene-module__1fNe2a__hint{font-size:7px}.BrowserScene-module__1fNe2a__preview{width:175px;right:0}}@media (pointer:coarse){.BrowserScene-module__1fNe2a__cursor{display:none}.BrowserScene-module__1fNe2a__browserActions button,.BrowserScene-module__1fNe2a__inspectButton,.BrowserScene-module__1fNe2a__pauseButton{min-height:44px}.BrowserScene-module__1fNe2a__console{display:none}}@media (prefers-reduced-motion:reduce){.BrowserScene-module__1fNe2a__cursor{display:none}.BrowserScene-module__1fNe2a__world{transform:rotateX(5deg)rotateY(-10deg)rotate(-3deg)}}.BrowserScene-module__1fNe2a__draggable{width:100%;height:100%}.BrowserScene-module__1fNe2a__skeleton i{transition:width .7s}.BrowserScene-module__1fNe2a__scene[data-step="1"] .BrowserScene-module__1fNe2a__skeleton i:first-child{width:90%}.BrowserScene-module__1fNe2a__scene[data-step="2"] .BrowserScene-module__1fNe2a__skeleton i+i{width:65%}@media (max-width:480px){.BrowserScene-module__1fNe2a__sceneHeader{gap:5px;inset-inline:0}.BrowserScene-module__1fNe2a__sceneHeader>span{letter-spacing:0;font-size:6px}}
.LayersSection-module__q7GUzG__stack{border-top:1px solid var(--color-current);height:100vh;min-height:45rem}.LayersSection-module__q7GUzG__pin{background:var(--color-void);grid-template-columns:minmax(0,1.15fr) minmax(25rem,.85fr);width:100%;height:100%;display:grid;position:relative}.LayersSection-module__q7GUzG__visual{border-right:1px solid var(--color-current);perspective:1000px;min-height:35rem;position:relative;overflow:hidden}.LayersSection-module__q7GUzG__visual:before{content:"";opacity:.45;background-image:linear-gradient(#6272a421 1px,#0000 1px),linear-gradient(90deg,#6272a421 1px,#0000 1px);background-size:4rem 4rem;position:absolute;inset:0}.LayersSection-module__q7GUzG__sheet{aspect-ratio:1.62;background:color-mix(in srgb, var(--color-background) 92%, transparent);width:min(66%,44rem);color:var(--color-cyan);transform-style:preserve-3d;border:1px solid;padding:1.3rem;position:absolute;top:50%;left:50%;transform:translate(-58%,-56%)rotateX(60deg)rotate(-22deg)}.LayersSection-module__q7GUzG__sheet>span{font-family:var(--font-mono);letter-spacing:.1em;font-size:.58rem;font-weight:700;position:absolute;top:1rem;left:1rem}.LayersSection-module__q7GUzG__structure{z-index:3;grid-template-columns:1fr 1fr;gap:.7rem;padding:3rem 1rem 1rem;display:grid}.LayersSection-module__q7GUzG__structure i{opacity:.58;border:1px solid}.LayersSection-module__q7GUzG__structure i:first-of-type{grid-column:span 2}.LayersSection-module__q7GUzG__runtime{z-index:2;color:var(--color-purple);justify-content:center;align-items:center;gap:.5rem;display:flex;transform:translate(-50%,-48%)rotateX(60deg)rotate(-22deg)translateZ(-4rem)}.LayersSection-module__q7GUzG__runtime b{font-family:var(--font-mono);text-transform:uppercase;border:1px solid;padding:.65rem;font-size:.58rem;font-weight:700}.LayersSection-module__q7GUzG__surface{z-index:1;color:var(--color-pink);flex-direction:column;justify-content:flex-end;align-items:flex-start;display:flex;transform:translate(-42%,-40%)rotateX(60deg)rotate(-22deg)translateZ(-8rem)}.LayersSection-module__q7GUzG__surface strong{max-width:10ch;color:var(--color-foreground);font-family:var(--font-heading);letter-spacing:-.045em;text-wrap:balance;font-size:clamp(1.65rem,2.4vw,2.8rem);line-height:.9}.LayersSection-module__q7GUzG__action{background:var(--color-yellow);color:var(--color-background);font-family:var(--font-mono);text-transform:uppercase;margin-top:1rem;padding:.55rem .8rem;font-size:.56rem;font-weight:700}.LayersSection-module__q7GUzG__axis{width:10rem;color:var(--color-comment);font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;font-size:.55rem;display:grid;position:absolute;bottom:2rem;left:2rem}.LayersSection-module__q7GUzG__axis i{background:var(--color-pink);height:1px}.LayersSection-module__q7GUzG__copy{min-height:35rem;position:relative}.LayersSection-module__q7GUzG__layerCopy{opacity:0;visibility:hidden;flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,4.5rem);display:flex;position:absolute;inset:0}.LayersSection-module__q7GUzG__active{opacity:1;visibility:visible}.LayersSection-module__q7GUzG__progress{z-index:5;background:var(--color-selection);height:.28rem;position:absolute;bottom:0;left:0;right:0}.LayersSection-module__q7GUzG__progress span{transform-origin:0;background:var(--color-pink);width:100%;height:100%;display:block;transform:scaleX(0)}@media (max-width:960px){.LayersSection-module__q7GUzG__stack{height:auto;min-height:0}.LayersSection-module__q7GUzG__pin{grid-template-columns:1fr}.LayersSection-module__q7GUzG__visual{border-right:0;border-bottom:1px solid var(--color-current);min-height:clamp(22rem,58vw,30rem)}.LayersSection-module__q7GUzG__sheet{width:min(64%,32rem)}.LayersSection-module__q7GUzG__structure{transform:translate(-55%,-54%)rotateX(60deg)rotate(-22deg)}.LayersSection-module__q7GUzG__runtime{transform:translate(-50%,-48%)rotateX(60deg)rotate(-22deg)translateZ(-4rem)}.LayersSection-module__q7GUzG__surface{transform:translate(-43%,-43%)rotateX(60deg)rotate(-22deg)translateZ(-8rem)}.LayersSection-module__q7GUzG__copy{min-height:0}.LayersSection-module__q7GUzG__layerCopy,.LayersSection-module__q7GUzG__layerCopy.LayersSection-module__q7GUzG__active{border-bottom:1px solid var(--color-current);opacity:1;visibility:visible;min-height:30rem;position:relative}.LayersSection-module__q7GUzG__progress{display:none}}@media (prefers-reduced-motion:reduce) and (min-width:961px){.LayersSection-module__q7GUzG__stack{height:auto;min-height:0}.LayersSection-module__q7GUzG__pin{grid-template-columns:1fr}.LayersSection-module__q7GUzG__visual{border-right:0;border-bottom:1px solid var(--color-current);min-height:32rem}.LayersSection-module__q7GUzG__copy{min-height:0}.LayersSection-module__q7GUzG__layerCopy,.LayersSection-module__q7GUzG__layerCopy.LayersSection-module__q7GUzG__active{border-bottom:1px solid var(--color-current);opacity:1;visibility:visible;min-height:30rem;position:relative}.LayersSection-module__q7GUzG__progress{display:none}}@media (max-width:640px){.LayersSection-module__q7GUzG__visual{min-height:24rem}.LayersSection-module__q7GUzG__sheet{width:min(68%,22rem);top:46%}.LayersSection-module__q7GUzG__axis{top:1.25rem;bottom:auto}.LayersSection-module__q7GUzG__layerCopy,.LayersSection-module__q7GUzG__layerCopy.LayersSection-module__q7GUzG__active{min-height:27rem;padding:3rem 1.25rem}}
.PrinciplesDiagram-module__3DXRAq__diagram{isolation:isolate;height:210px;font:10px/1.5 var(--font-mono);margin:0 22px 16px;position:relative}.PrinciplesDiagram-module__3DXRAq__diagram:before{content:"";z-index:-1;background-image:radial-gradient(#6272a43d 1px,#0000 1px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.PrinciplesDiagram-module__3DXRAq__branches,.PrinciplesDiagram-module__3DXRAq__flow{fill:none;width:100%;height:100%;stroke:var(--accent);stroke-width:1px;position:absolute;inset:0}.PrinciplesDiagram-module__3DXRAq__branches{opacity:0;transition:opacity .25s}.PrinciplesDiagram-module__3DXRAq__branches path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .8s .35s}.PrinciplesDiagram-module__3DXRAq__diagram[data-applied=true] .PrinciplesDiagram-module__3DXRAq__branches{opacity:.6}.PrinciplesDiagram-module__3DXRAq__diagram[data-applied=true] .PrinciplesDiagram-module__3DXRAq__branches path{stroke-dashoffset:0}.PrinciplesDiagram-module__3DXRAq__flow{opacity:.25;transition:opacity .6s}.PrinciplesDiagram-module__3DXRAq__diagram[data-applied=true] .PrinciplesDiagram-module__3DXRAq__flow{opacity:.8}.PrinciplesDiagram-module__3DXRAq__flowNode{top:68px;left:calc(1% + var(--slot) * 35%);text-align:center;width:28%;height:76px;transform:translateY(calc((var(--slot) - 1) * 10px));background:#232634;border:1px solid #6272a460;padding:12px 3px;transition:transform .7s,border-color .5s;position:absolute}.PrinciplesDiagram-module__3DXRAq__flowNode:nth-of-type(2){border-radius:24px}.PrinciplesDiagram-module__3DXRAq__identifier{color:var(--color-muted-foreground);animation:.4s both PrinciplesDiagram-module__3DXRAq__labelEnter;display:block}.PrinciplesDiagram-module__3DXRAq__value{color:#9098b2;margin-top:7px;font-size:9px;display:block}.PrinciplesDiagram-module__3DXRAq__diagram[data-applied=true] .PrinciplesDiagram-module__3DXRAq__flowNode{border-color:color-mix(in srgb, var(--accent) 50%, transparent);transform:none}.PrinciplesDiagram-module__3DXRAq__diagram[data-applied=true] .PrinciplesDiagram-module__3DXRAq__identifier{color:var(--accent)}.PrinciplesDiagram-module__3DXRAq__checkout{text-align:center;width:80%;height:182px;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:#262333;padding-top:10px;transition:width .8s cubic-bezier(.22,1,.36,1),height .8s cubic-bezier(.22,1,.36,1),left .8s cubic-bezier(.22,1,.36,1);position:absolute;top:14px;left:10%}.PrinciplesDiagram-module__3DXRAq__component{top:calc(58px + var(--slot) * 41px);width:70%;height:32px;color:var(--color-muted-foreground);transition:top .8s cubic-bezier(.22,1,.36,1),left .8s cubic-bezier(.22,1,.36,1),width .8s cubic-bezier(.22,1,.36,1),height .8s,color .5s,border-color .5s;transition-delay:calc(var(--slot) * 60ms);background:#302a40;border:1px solid #bd93f92b;place-items:center;display:grid;position:absolute;left:15%}.PrinciplesDiagram-module__3DXRAq__component>span{white-space:nowrap;animation:.4s both PrinciplesDiagram-module__3DXRAq__labelEnter}.PrinciplesDiagram-module__3DXRAq__diagram[data-applied=true] .PrinciplesDiagram-module__3DXRAq__checkout{width:30%;height:34px;padding-top:8px;left:35%}.PrinciplesDiagram-module__3DXRAq__diagram[data-applied=true] .PrinciplesDiagram-module__3DXRAq__component{top:145px;left:calc(2% + var(--slot) * 34%);width:28%;height:40px;color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.PrinciplesDiagram-module__3DXRAq__contract{background:0 0;border:1px solid #0000;transition:background .6s,border-color .6s;position:absolute;inset:12px 8%}.PrinciplesDiagram-module__3DXRAq__contractTitle{color:var(--accent);position:absolute;top:10px;left:16px}.PrinciplesDiagram-module__3DXRAq__contractBrace{color:var(--accent);opacity:0;transition:opacity .5s;position:absolute;top:10px;right:16px}.PrinciplesDiagram-module__3DXRAq__field{top:calc(53px + var(--slot) * 43px);left:calc(4% + var(--slot) * 22%);width:48%;height:34px;color:var(--color-muted-foreground);transform:rotate(calc((var(--slot) - 1) * -6deg));transition:top .8s,left .8s,width .8s,transform .8s,border-color .5s,background .5s;transition-delay:calc(var(--slot) * 65ms);background:#232634;border:1px dashed #6272a470;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:flex;position:absolute}.PrinciplesDiagram-module__3DXRAq__field i{color:var(--color-comment);margin-left:3px;font-style:normal}.PrinciplesDiagram-module__3DXRAq__field b{color:var(--color-orange);margin-right:auto;font-weight:400;animation:.4s both PrinciplesDiagram-module__3DXRAq__labelEnter}.PrinciplesDiagram-module__3DXRAq__fieldCheck{color:var(--color-comment)}.PrinciplesDiagram-module__3DXRAq__diagram[data-applied=true] .PrinciplesDiagram-module__3DXRAq__contract{background:#272331;border-color:#ff79c64d}.PrinciplesDiagram-module__3DXRAq__diagram[data-applied=true] .PrinciplesDiagram-module__3DXRAq__contractBrace{opacity:1}.PrinciplesDiagram-module__3DXRAq__diagram[data-applied=true] .PrinciplesDiagram-module__3DXRAq__field{top:calc(52px + var(--slot) * 44px);background:#322637;border:1px solid #ff79c626;width:76%;left:12%;transform:none}.PrinciplesDiagram-module__3DXRAq__diagram[data-applied=true] .PrinciplesDiagram-module__3DXRAq__field b{color:var(--color-cyan)}.PrinciplesDiagram-module__3DXRAq__diagram[data-applied=true] .PrinciplesDiagram-module__3DXRAq__fieldCheck{color:var(--color-green)}.PrinciplesDiagram-module__3DXRAq__shared{text-align:center;width:30%;height:34px;color:var(--accent);opacity:0;background:#2b2c28;border:1px solid #f1fa8c70;padding:8px 2px;transition:opacity .45s,transform .7s cubic-bezier(.22,1.3,.36,1);position:absolute;top:14px;left:35%;transform:translateY(30px)scale(.75)}.PrinciplesDiagram-module__3DXRAq__buttonInstance{top:88px;left:calc(2% + var(--slot) * 34%);width:28%;color:var(--color-muted-foreground);transform:translateY(calc((var(--slot) - 1) * 30px)) rotate(calc((var(--slot) - 1) * 8deg));transition:top .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),border-color .5s;transition-delay:calc(var(--slot) * 65ms);background:#232634;border:1px solid #6272a45c;padding:7px;position:absolute}.PrinciplesDiagram-module__3DXRAq__buttonInstance small{color:#9098b2;margin-bottom:5px;font-size:8px;animation:.4s both PrinciplesDiagram-module__3DXRAq__labelEnter;display:block}.PrinciplesDiagram-module__3DXRAq__buttonInstance>span{background:#6272a417;border:1px solid #6272a43b;justify-content:space-between;align-items:center;gap:4px;padding:5px 7px;transition:background .5s,color .5s;display:flex}.PrinciplesDiagram-module__3DXRAq__buttonInstance i{font-style:normal}.PrinciplesDiagram-module__3DXRAq__diagram[data-applied=true] .PrinciplesDiagram-module__3DXRAq__shared{opacity:1;transform:none}.PrinciplesDiagram-module__3DXRAq__diagram[data-applied=true] .PrinciplesDiagram-module__3DXRAq__buttonInstance{border-color:#f1fa8c50;top:138px;transform:none}.PrinciplesDiagram-module__3DXRAq__diagram[data-applied=true] .PrinciplesDiagram-module__3DXRAq__buttonInstance>span{color:var(--accent);background:#f1fa8c0b}@keyframes PrinciplesDiagram-module__3DXRAq__labelEnter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (max-width:960px){.PrinciplesDiagram-module__3DXRAq__diagram{font-size:9px}.PrinciplesDiagram-module__3DXRAq__component>span{font-size:8px}}@media (max-width:700px){.PrinciplesDiagram-module__3DXRAq__diagram{margin-inline:12px}.PrinciplesDiagram-module__3DXRAq__value{font-size:8px}.PrinciplesDiagram-module__3DXRAq__buttonInstance{padding:5px}.PrinciplesDiagram-module__3DXRAq__buttonInstance>span{padding:5px 3px}.PrinciplesDiagram-module__3DXRAq__field{padding-inline:8px}}@media (prefers-reduced-motion:reduce){.PrinciplesDiagram-module__3DXRAq__diagram *,.PrinciplesDiagram-module__3DXRAq__diagram :before{transition:none;animation:none}}
.PrinciplesWorkbench-module__VTJkzW__workbench{--accent:var(--color-cyan);grid-template-columns:minmax(240px,.75fr) minmax(0,1.35fr);gap:clamp(30px,5vw,80px);display:grid}.PrinciplesWorkbench-module__VTJkzW__workbench[data-accent=purple]{--accent:var(--color-purple)}.PrinciplesWorkbench-module__VTJkzW__workbench[data-accent=pink]{--accent:var(--color-pink)}.PrinciplesWorkbench-module__VTJkzW__workbench[data-accent=yellow]{--accent:var(--color-yellow)}.PrinciplesWorkbench-module__VTJkzW__navigation{padding-top:8px}.PrinciplesWorkbench-module__VTJkzW__guide{color:var(--color-muted-foreground);font:9px/1.6 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;margin-bottom:22px;display:flex}.PrinciplesWorkbench-module__VTJkzW__guide>span{color:var(--accent);font-size:16px}.PrinciplesWorkbench-module__VTJkzW__tabs{border-top:1px solid #6272a440;position:relative}.PrinciplesWorkbench-module__VTJkzW__tabs:before{content:"";border-left:2px solid var(--accent);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 9%, transparent), transparent);width:100%;transform:translateY(calc(var(--active) * 100%));pointer-events:none;transition:transform .55s cubic-bezier(.22,1,.36,1),border-color .3s,background .3s;position:absolute;top:0;bottom:75%;left:0}.PrinciplesWorkbench-module__VTJkzW__tab{text-align:left;width:100%;min-height:102px;color:var(--color-muted-foreground);font:700 clamp(19px, 1.85vw, 26px)/1.12 var(--font-heading);letter-spacing:-.035em;cursor:pointer;border-bottom:1px solid #6272a440;grid-template-columns:24px 1fr 20px;align-items:center;gap:16px;padding:18px 16px;transition:color .3s;display:grid;position:relative}.PrinciplesWorkbench-module__VTJkzW__tab[aria-selected=true],.PrinciplesWorkbench-module__VTJkzW__tab:hover{color:var(--color-foreground)}.PrinciplesWorkbench-module__VTJkzW__number{color:var(--color-comment);font:10px var(--font-mono);letter-spacing:0}.PrinciplesWorkbench-module__VTJkzW__tab[aria-selected=true] .PrinciplesWorkbench-module__VTJkzW__number{color:var(--accent)}.PrinciplesWorkbench-module__VTJkzW__tabArrow{font:20px var(--font-mono);color:var(--accent);opacity:0;transition:opacity .3s,transform .3s;transform:translate(-5px,5px)}.PrinciplesWorkbench-module__VTJkzW__tab[aria-selected=true] .PrinciplesWorkbench-module__VTJkzW__tabArrow,.PrinciplesWorkbench-module__VTJkzW__tab:hover .PrinciplesWorkbench-module__VTJkzW__tabArrow{opacity:1;transform:none}.PrinciplesWorkbench-module__VTJkzW__hint{max-width:35ch;color:var(--color-muted-foreground);font:10px/1.8 var(--font-mono);margin-top:23px}.PrinciplesWorkbench-module__VTJkzW__panel{min-width:0}.PrinciplesWorkbench-module__VTJkzW__editor{border:1px solid color-mix(in srgb, var(--accent) 28%, #303240);background:#1c1e29;transition:border-color .4s;overflow:hidden;box-shadow:0 20px 80px #0002}.PrinciplesWorkbench-module__VTJkzW__editorHeader{min-height:58px;font:10px var(--font-mono);background:#ffffff03;border-bottom:1px solid #6272a42b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.PrinciplesWorkbench-module__VTJkzW__file{color:var(--color-muted-foreground);margin-right:auto}.PrinciplesWorkbench-module__VTJkzW__file>span{color:var(--accent);margin-right:12px}.PrinciplesWorkbench-module__VTJkzW__version{color:var(--color-muted-foreground);font-size:9px}.PrinciplesWorkbench-module__VTJkzW__version[data-applied=true]{color:var(--accent)}.PrinciplesWorkbench-module__VTJkzW__playback{min-height:42px;color:var(--color-muted-foreground);font:9px/1.6 var(--font-mono);border-bottom:1px solid #6272a41f;align-items:center;gap:10px;padding:10px 20px;display:flex}.PrinciplesWorkbench-module__VTJkzW__playbackIcon{width:19px;color:var(--accent);justify-content:center;align-items:center;gap:3px;display:flex}.PrinciplesWorkbench-module__VTJkzW__playbackIcon i{background:var(--accent);opacity:.3;width:3px;height:3px}.PrinciplesWorkbench-module__VTJkzW__playback[data-running=true] .PrinciplesWorkbench-module__VTJkzW__playbackIcon i{animation:.9s ease-in-out infinite PrinciplesWorkbench-module__VTJkzW__waiting}.PrinciplesWorkbench-module__VTJkzW__playback[data-running=true] .PrinciplesWorkbench-module__VTJkzW__playbackIcon i:nth-child(2){animation-delay:.15s}.PrinciplesWorkbench-module__VTJkzW__playback[data-running=true] .PrinciplesWorkbench-module__VTJkzW__playbackIcon i:nth-child(3){animation-delay:.3s}.PrinciplesWorkbench-module__VTJkzW__progressTrack{background:#6272a43d;width:64px;height:2px;margin-left:auto;overflow:hidden}.PrinciplesWorkbench-module__VTJkzW__progressFill{background:var(--accent);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.PrinciplesWorkbench-module__VTJkzW__playback[data-running=true] .PrinciplesWorkbench-module__VTJkzW__progressFill{animation:3s linear forwards PrinciplesWorkbench-module__VTJkzW__preparation}.PrinciplesWorkbench-module__VTJkzW__playback[data-applied=true] .PrinciplesWorkbench-module__VTJkzW__progressFill{transform:scaleX(1)}.PrinciplesWorkbench-module__VTJkzW__playback[data-applied=true]{color:var(--accent)}@keyframes PrinciplesWorkbench-module__VTJkzW__preparation{to{transform:scaleX(1)}}@keyframes PrinciplesWorkbench-module__VTJkzW__waiting{50%{opacity:1;transform:translateY(-2px)}}.PrinciplesWorkbench-module__VTJkzW__codeViewport{scrollbar-width:thin;scrollbar-color:var(--color-selection) transparent;min-height:290px;padding:23px 0 20px;overflow-x:auto}.PrinciplesWorkbench-module__VTJkzW__code{color:#d5d7e2;width:max-content;min-width:100%;font:12px/22px var(--font-mono);tab-size:2;margin:0}.PrinciplesWorkbench-module__VTJkzW__codeLine{white-space:pre;min-height:22px;animation:.45s both PrinciplesWorkbench-module__VTJkzW__lineEnter;animation-delay:calc(var(--line) * 22ms);padding-right:22px;display:flex}.PrinciplesWorkbench-module__VTJkzW__codeLine:hover{background:#ffffff04}.PrinciplesWorkbench-module__VTJkzW__lineNumber{text-align:center;color:#75809e;-webkit-user-select:none;user-select:none;flex:0 0 54px;font-size:10px}.PrinciplesWorkbench-module__VTJkzW__code [data-token=keyword]{color:var(--color-pink)}.PrinciplesWorkbench-module__VTJkzW__code [data-token=type]{color:var(--color-cyan);font-style:italic}.PrinciplesWorkbench-module__VTJkzW__code [data-token=component]{color:var(--color-purple)}.PrinciplesWorkbench-module__VTJkzW__code [data-token=string]{color:var(--color-yellow)}.PrinciplesWorkbench-module__VTJkzW__editorFooter{min-height:53px;color:var(--color-muted-foreground);font:10px/1.7 var(--font-mono);border-top:1px solid #6272a42b;align-items:start;gap:10px;padding:16px 22px;display:flex}.PrinciplesWorkbench-module__VTJkzW__editorFooter>span:first-child{color:var(--accent)}.PrinciplesWorkbench-module__VTJkzW__explanation{flex-direction:column;align-items:start;gap:22px;padding-top:25px;display:flex}.PrinciplesWorkbench-module__VTJkzW__explanation p{max-width:61ch;min-height:5.1em;color:var(--color-muted-foreground);font-size:13px;line-height:1.7;animation:.35s both PrinciplesWorkbench-module__VTJkzW__nodeEnter}.PrinciplesWorkbench-module__VTJkzW__tab:focus-visible,.PrinciplesWorkbench-module__VTJkzW__panel:focus-visible,.PrinciplesWorkbench-module__VTJkzW__codeViewport:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@keyframes PrinciplesWorkbench-module__VTJkzW__lineEnter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes PrinciplesWorkbench-module__VTJkzW__nodeEnter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (max-width:960px){.PrinciplesWorkbench-module__VTJkzW__workbench{grid-template-columns:minmax(200px,.75fr) minmax(0,1.25fr);gap:25px}.PrinciplesWorkbench-module__VTJkzW__tab{gap:10px;padding-inline:12px;font-size:21px}.PrinciplesWorkbench-module__VTJkzW__editorHeader{padding-inline:16px}.PrinciplesWorkbench-module__VTJkzW__code{font-size:11px}.PrinciplesWorkbench-module__VTJkzW__lineNumber{flex-basis:40px}}@media (max-width:700px){.PrinciplesWorkbench-module__VTJkzW__workbench{grid-template-columns:minmax(0,1fr);gap:25px}.PrinciplesWorkbench-module__VTJkzW__guide{margin-bottom:16px}.PrinciplesWorkbench-module__VTJkzW__tabs{border:1px solid #6272a440;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.PrinciplesWorkbench-module__VTJkzW__tabs:before{display:none}.PrinciplesWorkbench-module__VTJkzW__tab{border:1px solid #0000;grid-template-columns:18px 1fr;gap:8px;min-height:84px;padding:14px 10px;font-size:18px}.PrinciplesWorkbench-module__VTJkzW__tab[aria-selected=true]{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.PrinciplesWorkbench-module__VTJkzW__tabArrow,.PrinciplesWorkbench-module__VTJkzW__hint{display:none}.PrinciplesWorkbench-module__VTJkzW__codeViewport{min-height:280px}.PrinciplesWorkbench-module__VTJkzW__editorFooter{min-height:64px;padding-inline:16px}.PrinciplesWorkbench-module__VTJkzW__explanation{gap:18px;padding-top:20px}.PrinciplesWorkbench-module__VTJkzW__explanation p{min-height:0}}@media (prefers-reduced-motion:reduce){.PrinciplesWorkbench-module__VTJkzW__playback[data-running=true] .PrinciplesWorkbench-module__VTJkzW__progressFill{transform:scaleX(.35)}.PrinciplesWorkbench-module__VTJkzW__playback[data-running=true] .PrinciplesWorkbench-module__VTJkzW__progressFill,.PrinciplesWorkbench-module__VTJkzW__playback[data-running=true] .PrinciplesWorkbench-module__VTJkzW__playbackIcon i,.PrinciplesWorkbench-module__VTJkzW__codeLine,.PrinciplesWorkbench-module__VTJkzW__explanation p{animation:none}}