.page-module-scss-module__M4f1ZG__pageContainer,.page-module-scss-module__M4f1ZG__pageContainer[data-theme=light]{--gp-paper:#faf9f5;--gp-ink:#1f1e1d;--gp-ink-2:#3d3929;--gp-ink-3:#6b6557;--gp-ink-4:#a8a29e;--gp-rule:#1f1e1d1a;--gp-rule-2:#1f1e1d2e;--gp-clay:#cc785c;--gp-clay-tint:#cc785c1a;--gp-clay-edge:#cc785c52;--gp-bar-bg:#fffffff5;--gp-tooltip-bg:#1f1e1d;--gp-tooltip-fg:#faf9f5}.page-module-scss-module__M4f1ZG__pageContainer[data-theme=dark]{--gp-paper:#1a1716;--gp-ink:#f5f0e8;--gp-ink-2:#d4cdbf;--gp-ink-3:#99918a;--gp-ink-4:#6a655e;--gp-rule:#f5f0e81a;--gp-rule-2:#f5f0e82e;--gp-clay:#d68a72;--gp-clay-tint:#d68a7229;--gp-clay-edge:#d68a7266;--gp-bar-bg:#221e1cf5;--gp-tooltip-bg:#f5f0e8;--gp-tooltip-fg:#1a1716}.page-module-scss-module__M4f1ZG__pageContainer{background:var(--gp-paper);height:100svh;color:var(--gp-ink);flex-direction:column;transition:background-color .36s cubic-bezier(.16,1,.3,1),color .36s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.page-module-scss-module__M4f1ZG__appBar{z-index:50;border-bottom:1px solid var(--gp-rule);background:var(--gp-bar-bg);height:60px;transition:background-color .36s cubic-bezier(.16,1,.3,1),border-color .36s cubic-bezier(.16,1,.3,1);position:sticky;top:0}@media (max-width:1024px){:is(.page-module-scss-module__M4f1ZG__pageContainer:has([data-sidebar-open=true]) .page-module-scss-module__M4f1ZG__appBar,.page-module-scss-module__M4f1ZG__pageContainer:has([data-drawer-open=true]) .page-module-scss-module__M4f1ZG__appBar){z-index:1}}.page-module-scss-module__M4f1ZG__appBarInner{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;height:100%;padding:0 22px;display:grid}@media (max-width:768px){.page-module-scss-module__M4f1ZG__appBarInner{gap:10px;padding:0 12px}}.page-module-scss-module__M4f1ZG__leftCluster{align-items:center;gap:10px;display:inline-flex}.page-module-scss-module__M4f1ZG__navBtn{border:1px solid var(--gp-rule);height:32px;color:var(--gp-ink-2);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;will-change:transform;background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:6px 11px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:500;text-decoration:none;transition:color .22s cubic-bezier(.16,1,.3,1),border-color .22s cubic-bezier(.16,1,.3,1),background-color .22s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1);display:inline-flex}.page-module-scss-module__M4f1ZG__navBtn:hover{color:var(--gp-clay);border-color:var(--gp-clay-edge);background:var(--gp-clay-tint);box-shadow:0 4px 12px -4px var(--gp-clay-edge);transform:translateY(-1px)}.page-module-scss-module__M4f1ZG__navBtn:active{transition-duration:80ms;transform:translateY(0)}.page-module-scss-module__M4f1ZG__navBtn svg{color:inherit;transition:transform .28s cubic-bezier(.16,1,.3,1)}.page-module-scss-module__M4f1ZG__navBtn:hover svg{transform:translate(1px)}@media (max-width:900px){.page-module-scss-module__M4f1ZG__navBtn .page-module-scss-module__M4f1ZG__navBtnLabel{display:none}}.page-module-scss-module__M4f1ZG__brand{color:var(--gp-ink);border-left:1px solid var(--gp-rule);align-items:baseline;gap:10px;margin-left:4px;padding-left:6px;text-decoration:none;display:inline-flex}@media (max-width:768px){.page-module-scss-module__M4f1ZG__brand{border-left:0;margin-left:0;padding-left:0}}.page-module-scss-module__M4f1ZG__brandName{letter-spacing:-.01em;color:var(--gp-ink);white-space:nowrap;font-family:"Source Serif 4",Georgia,serif;font-size:16px;font-weight:600}.page-module-scss-module__M4f1ZG__brandName em{letter-spacing:.16em;text-transform:uppercase;color:var(--gp-ink-3);margin-left:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;font-style:normal;font-weight:500}@media (max-width:768px){.page-module-scss-module__M4f1ZG__brandName em{display:none}}.page-module-scss-module__M4f1ZG__dotNav{scrollbar-width:none;justify-self:center;align-items:center;gap:12px;min-width:0;display:inline-flex;overflow-x:auto}.page-module-scss-module__M4f1ZG__dotNav::-webkit-scrollbar{display:none}@media (max-width:640px){.page-module-scss-module__M4f1ZG__dotNav{display:none}}.page-module-scss-module__M4f1ZG__dotNavLabel{letter-spacing:.18em;text-transform:uppercase;color:var(--gp-ink-4);margin-right:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:500}@media (max-width:1100px){.page-module-scss-module__M4f1ZG__dotNavLabel{display:none}}.page-module-scss-module__M4f1ZG__dotNavDots{align-items:center;gap:6px;display:inline-flex}.page-module-scss-module__M4f1ZG__dotBtn{appearance:none;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:6px;transition:transform .18s;display:inline-flex;position:relative}.page-module-scss-module__M4f1ZG__dotBtn span{background:var(--gp-rule-2);border-radius:50%;width:6px;height:6px;transition:background .18s,transform .18s,width .24s cubic-bezier(.16,1,.3,1)}.page-module-scss-module__M4f1ZG__dotBtn:hover span{background:var(--gp-ink-3);transform:scale(1.2)}.page-module-scss-module__M4f1ZG__dotBtn[data-active=true] span{background:var(--gp-clay);border-radius:3px;width:16px;transform:scale(1)}.page-module-scss-module__M4f1ZG__dotBtn:after{content:attr(data-label);letter-spacing:.16em;text-transform:uppercase;color:var(--gp-tooltip-fg);background:var(--gp-tooltip-bg);white-space:nowrap;pointer-events:none;opacity:0;z-index:10;border:0;border-radius:4px;padding:4px 8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(-2px)}.page-module-scss-module__M4f1ZG__dotBtn:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.page-module-scss-module__M4f1ZG__appBarRight{align-items:center;gap:10px;display:inline-flex}.page-module-scss-module__M4f1ZG__barMeta{letter-spacing:.18em;text-transform:uppercase;color:var(--gp-ink-3);align-items:center;gap:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:500;display:inline-flex}.page-module-scss-module__M4f1ZG__barMeta:before{content:"";background:var(--gp-rule-2);width:14px;height:1px}@media (max-width:1024px){.page-module-scss-module__M4f1ZG__barMeta{display:none}}.page-module-scss-module__M4f1ZG__iconBtn{border:1px solid var(--gp-rule);width:32px;height:32px;color:var(--gp-ink-2);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;transition:color .22s cubic-bezier(.16,1,.3,1),border-color .22s cubic-bezier(.16,1,.3,1),background-color .22s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1);display:inline-flex}.page-module-scss-module__M4f1ZG__iconBtn:hover{color:var(--gp-clay);border-color:var(--gp-clay-edge);background:var(--gp-clay-tint);box-shadow:0 4px 12px -4px var(--gp-clay-edge);transform:translateY(-1px)}.page-module-scss-module__M4f1ZG__iconBtn:active{transition-duration:80ms;transform:translateY(0)}.page-module-scss-module__M4f1ZG__iconBtn svg{color:inherit;transition:transform .36s cubic-bezier(.16,1,.3,1)}.page-module-scss-module__M4f1ZG__iconBtn:hover svg{transform:rotate(-8deg)}.page-module-scss-module__M4f1ZG__main{z-index:2;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.page-module-scss-module__M4f1ZG__playgroundFrame{flex:1;min-height:0;display:flex;overflow:hidden}