.LiveBrowser-module__FUdY8W__wrap{gap:18px;display:grid}.LiveBrowser-module__FUdY8W__browser{border-radius:12px}.LiveBrowser-module__FUdY8W__viewport{aspect-ratio:16/10;background:#fff;position:relative;overflow:hidden}.LiveBrowser-module__FUdY8W__shotScroll{overscroll-behavior:contain;scrollbar-width:thin;position:absolute;inset:0;overflow-y:auto}.LiveBrowser-module__FUdY8W__shot{object-fit:cover;object-position:top center;width:100%;height:auto;min-height:100%;animation:LiveBrowser-module__FUdY8W__shot-in .8s var(--ease-out)}@keyframes LiveBrowser-module__FUdY8W__shot-in{0%{opacity:0;transform:scale(1.015)}}.LiveBrowser-module__FUdY8W__poster{background:var(--stone);position:absolute;inset:0}.LiveBrowser-module__FUdY8W__posterImage{object-fit:cover;opacity:.92}.LiveBrowser-module__FUdY8W__frame{transform-origin:0 0;background:#fff;border:0;max-width:none;position:absolute;top:0;left:0}.LiveBrowser-module__FUdY8W__loading{color:var(--ink-3);background:#fbfaf8;place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.LiveBrowser-module__FUdY8W__loadingBar{background:var(--line);width:120px;height:1px;position:relative;overflow:hidden}.LiveBrowser-module__FUdY8W__loadingBar:after{content:"";background:var(--accent);animation:LiveBrowser-module__FUdY8W__load 1.3s var(--ease-in-out) infinite;position:absolute;inset:0}@keyframes LiveBrowser-module__FUdY8W__load{0%{transform:translate(-100%)}to{transform:translate(100%)}}.LiveBrowser-module__FUdY8W__launch{height:48px;color:var(--paper-hi);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .5s var(--ease-out), transform .5s var(--ease-out);background:#16161ae6;align-items:center;gap:14px;padding:0 18px;font-size:.9rem;font-weight:500;display:inline-flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.LiveBrowser-module__FUdY8W__launch .LiveBrowser-module__FUdY8W__t-mono{color:#f8f6f199}.LiveBrowser-module__FUdY8W__launchDot{width:7px;height:7px;animation:LiveBrowser-module__FUdY8W__live 2s var(--ease-soft) infinite;background:#62c655;border-radius:50%;box-shadow:0 0 #62c65599}@keyframes LiveBrowser-module__FUdY8W__live{70%{box-shadow:0 0 0 8px #62c65500}to{box-shadow:0 0 #62c65500}}@media (hover:hover){.LiveBrowser-module__FUdY8W__launch:hover{background:var(--accent);transform:translate(-50%)translateY(-3px)}}.LiveBrowser-module__FUdY8W__actions{gap:4px;display:flex}.LiveBrowser-module__FUdY8W__chromeButton{color:#57534d;width:26px;height:26px;transition:background-color .3s var(--ease-out);border-radius:5px;place-items:center;display:grid}.LiveBrowser-module__FUdY8W__chromeButton:hover{background:#16161a12}.LiveBrowser-module__FUdY8W__bar{flex-wrap:wrap;align-items:center;gap:14px 28px;display:flex}.LiveBrowser-module__FUdY8W__modes{border:1px solid var(--line-2);display:inline-flex}.LiveBrowser-module__FUdY8W__modes button{height:38px;color:var(--ink-3);transition:background-color .4s var(--ease-out), color .4s var(--ease-out);padding:0 16px;font-size:.85rem;font-weight:500}.LiveBrowser-module__FUdY8W__modes button[aria-pressed=true]{background:var(--ink);color:var(--paper-hi)}.LiveBrowser-module__FUdY8W__modes button:not([aria-pressed=true]):hover{color:var(--ink)}.LiveBrowser-module__FUdY8W__thumbs{flex-wrap:wrap;gap:6px 22px;display:flex}.LiveBrowser-module__FUdY8W__thumbs button{color:var(--ink-3);transition:color .3s var(--ease-out), border-color .3s var(--ease-out);text-align:left;border-bottom:1px solid #0000;align-items:baseline;gap:10px;padding:6px 0;display:inline-flex}.LiveBrowser-module__FUdY8W__thumbs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.LiveBrowser-module__FUdY8W__thumbCaption{max-width:34ch;font-size:.85rem}.LiveBrowser-module__FUdY8W__note a{text-underline-offset:3px;text-decoration:underline}.LiveBrowser-module__FUdY8W__visit{transition:color .3s var(--ease-out);border-bottom:1px solid;margin-top:-8px;margin-left:auto;padding-top:8px;padding-bottom:2px;font-size:.9rem;font-weight:500}.LiveBrowser-module__FUdY8W__visit:hover{color:var(--accent)}@media (max-width:700px){.LiveBrowser-module__FUdY8W__launch{white-space:nowrap;height:42px;padding:0 14px;font-size:.82rem;bottom:12px}.LiveBrowser-module__FUdY8W__launch .t-mono{display:none}.LiveBrowser-module__FUdY8W__visit{margin-left:0}}
.BrickBuild-module__13h3kq__build{column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.BrickBuild-module__13h3kq__diagram{grid-column:1/span 6}.BrickBuild-module__13h3kq__sticky{gap:18px;display:grid;position:sticky;top:16vh}.BrickBuild-module__13h3kq__diagramHead{border-bottom:1px solid var(--line);color:var(--ink-3);justify-content:space-between;padding-bottom:10px;display:flex}.BrickBuild-module__13h3kq__wall{flex-direction:column-reverse;gap:5px;padding-top:40px;display:flex}.BrickBuild-module__13h3kq__course{grid-template-columns:1fr 1.4fr 1fr;gap:5px;display:grid}.BrickBuild-module__13h3kq__course[data-offset]{grid-template-columns:1.4fr 1fr 1fr}.BrickBuild-module__13h3kq__brick{background:var(--paper-2);border:1px dashed var(--line-2);opacity:.55;height:clamp(68px,9vh,96px);transition:transform .9s var(--ease-out), opacity .6s var(--ease-out), background-color .7s var(--ease-out), border-color .7s var(--ease-out);transition-delay:calc(var(--b) * 70ms);position:relative;transform:translateY(-34px)}.BrickBuild-module__13h3kq__course[data-laid] .BrickBuild-module__13h3kq__brick{opacity:1;background:var(--paper-3);border-color:var(--paper-3);border-style:solid;transform:none}.BrickBuild-module__13h3kq__course[data-current] .BrickBuild-module__13h3kq__brick{background:var(--ink);border-color:var(--ink)}.BrickBuild-module__13h3kq__brickLabel{font-family:var(--display);font-stretch:var(--wide);color:var(--ink-3);transition:color .6s var(--ease-out);gap:4px;font-size:clamp(.95rem,1.1vw,1.15rem);font-weight:430;line-height:1.1;display:grid;position:absolute;inset:auto 12px 10px}.BrickBuild-module__13h3kq__course[data-laid] .BrickBuild-module__13h3kq__brickLabel{color:var(--ink-2)}.BrickBuild-module__13h3kq__course[data-current] .BrickBuild-module__13h3kq__brickLabel{color:var(--paper-hi)}.BrickBuild-module__13h3kq__ground{border-top:2px solid var(--ink);color:var(--ink-3);margin-top:4px;padding-top:14px}.BrickBuild-module__13h3kq__steps{grid-column:8/-1;gap:0;display:grid}.BrickBuild-module__13h3kq__step{border-top:1px solid var(--line);opacity:.38;min-height:62vh;transition:opacity .7s var(--ease-out);align-content:start;gap:18px;padding:28px 0 60px;display:grid}.BrickBuild-module__13h3kq__step[data-current]{opacity:1}.BrickBuild-module__13h3kq__step:last-child{min-height:48vh}.BrickBuild-module__13h3kq__stepNo{color:var(--ink-3)}.BrickBuild-module__13h3kq__stepTitle{max-width:16ch}@media (max-width:900px){.BrickBuild-module__13h3kq__diagram{display:none}.BrickBuild-module__13h3kq__steps{grid-column:1/-1}.BrickBuild-module__13h3kq__step{opacity:1;min-height:0}}
