.page-module__0mZg1a__page{animation:page-module__0mZg1a__fadeUp var(--duration-slow)var(--easing-decelerate)both;flex-direction:column;height:100%;display:flex}.page-module__0mZg1a__header{margin-bottom:var(--space-20)}.page-module__0mZg1a__headerTop{align-items:center;gap:var(--space-12);margin-bottom:var(--space-4);display:flex}.page-module__0mZg1a__title{color:#fff;font-size:24px;font-weight:600}.page-module__0mZg1a__subtitle{color:#ffffff80;font-size:14px}.page-module__0mZg1a__layout{gap:var(--space-20);flex:1;grid-template-columns:320px 1fr;display:grid}@media (max-width:1024px){.page-module__0mZg1a__layout{grid-template-columns:1fr}}.page-module__0mZg1a__sidebar,.page-module__0mZg1a__mainContent{gap:var(--space-16);flex-direction:column;display:flex}.page-module__0mZg1a__sectionTitle{text-transform:uppercase;letter-spacing:.8px;color:#fff9;margin-bottom:var(--space-12);font-size:13px;font-weight:600}.page-module__0mZg1a__healthCard{flex-direction:column;display:flex}.page-module__0mZg1a__healthGrid{gap:var(--space-10);flex-direction:column;display:flex}.page-module__0mZg1a__healthItem{justify-content:space-between;align-items:center;display:flex}.page-module__0mZg1a__healthLabel{color:#ffffff80;font-size:12px}.page-module__0mZg1a__healthValue{color:#fff;font-size:12px;font-weight:500;font-family:var(--font-mono)}.page-module__0mZg1a__healthValueSmall{color:#ffffffb3;font-size:10px;font-family:var(--font-mono);word-break:break-all;text-align:right;max-width:180px}.page-module__0mZg1a__navCard{flex-direction:column;display:flex}.page-module__0mZg1a__navLinks{gap:var(--space-8);margin-bottom:var(--space-16);flex-direction:column;display:flex}.page-module__0mZg1a__navLink{gap:var(--space-2);padding:var(--space-10)var(--space-12);background:var(--layer-2);border-radius:var(--radius-medium);transition:all var(--duration-fast)var(--easing-ease);border:1px solid #ffffff14;flex-direction:column;text-decoration:none;display:flex}.page-module__0mZg1a__navLink:hover{border-color:var(--brand-accent);background:#0a84ff0f}.page-module__0mZg1a__navLinkLabel{color:#fff;font-size:13px;font-weight:500}.page-module__0mZg1a__navLinkDesc{color:#fff6;font-size:11px}.page-module__0mZg1a__navLinkPlaceholder{color:#fff6;padding:var(--space-12);text-align:center;font-size:12px}.page-module__0mZg1a__openStudioBtn{width:100%}.page-module__0mZg1a__compilerCard{flex-direction:column;flex:1;display:flex}.page-module__0mZg1a__compilerHeader{margin-bottom:var(--space-16);justify-content:space-between;align-items:center;display:flex}.page-module__0mZg1a__compilerHeader .page-module__0mZg1a__sectionTitle{margin-bottom:0}.page-module__0mZg1a__editorSection{gap:var(--space-8);margin-bottom:var(--space-16);flex-direction:column;display:flex}.page-module__0mZg1a__editorLabel{text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;font-size:11px;font-weight:500}.page-module__0mZg1a__codeEditor{min-height:280px;padding:var(--space-16);background:var(--layer-1);border-radius:var(--radius-medium);color:#fff;font-family:var(--font-mono);resize:vertical;transition:border-color var(--duration-fast)var(--easing-ease);border:1px solid #ffffff1a;outline:none;font-size:13px;line-height:1.6}.page-module__0mZg1a__codeEditor:focus{border-color:var(--brand-accent)}.page-module__0mZg1a__codeEditor::placeholder{color:#ffffff4d}.page-module__0mZg1a__resultSection{padding:var(--space-16);background:var(--layer-1);border-radius:var(--radius-medium);border:1px solid #ffffff14}.page-module__0mZg1a__resultHeader{align-items:center;gap:var(--space-12);margin-bottom:var(--space-12);display:flex}.page-module__0mZg1a__resultLatency{color:#fff6;font-size:11px;font-family:var(--font-mono)}.page-module__0mZg1a__resultMessage{color:#fffc;margin-bottom:var(--space-12);font-size:13px}.page-module__0mZg1a__warningsSection{margin-top:var(--space-12);padding:var(--space-12);border-radius:var(--radius-medium);background:#ffcc0014;border:1px solid #fc03}.page-module__0mZg1a__warningsTitle{text-transform:uppercase;letter-spacing:.5px;color:#fc0;margin-bottom:var(--space-8);font-size:11px;font-weight:600}.page-module__0mZg1a__warningsList{margin:0;padding:0;list-style:none}.page-module__0mZg1a__warningItem{color:#ffcc00e6;padding:var(--space-4)0;font-size:12px;font-family:var(--font-mono)}.page-module__0mZg1a__errorsSection{margin-top:var(--space-12);padding:var(--space-12);border-radius:var(--radius-medium);background:#ff453a14;border:1px solid #ff453a33}.page-module__0mZg1a__errorsTitle{text-transform:uppercase;letter-spacing:.5px;color:#ff453a;margin-bottom:var(--space-8);font-size:11px;font-weight:600}.page-module__0mZg1a__errorsList{margin:0;padding:0;list-style:none}.page-module__0mZg1a__errorItem{color:#ff453ae6;padding:var(--space-4)0;font-size:12px;font-family:var(--font-mono)}.page-module__0mZg1a__exampleCard{flex-direction:column;display:flex}[data-theme=light] .page-module__0mZg1a__title{color:#0a1a2f}[data-theme=light] .page-module__0mZg1a__subtitle{color:#00000080}[data-theme=light] .page-module__0mZg1a__sectionTitle{color:#0009}[data-theme=light] .page-module__0mZg1a__healthLabel{color:#00000080}[data-theme=light] .page-module__0mZg1a__healthValue{color:#0a1a2f}[data-theme=light] .page-module__0mZg1a__healthValueSmall{color:#0009}[data-theme=light] .page-module__0mZg1a__navLink{background:var(--layer-2);border-color:#00000014}[data-theme=light] .page-module__0mZg1a__navLinkLabel{color:#0a1a2f}[data-theme=light] .page-module__0mZg1a__navLinkDesc{color:#00000080}[data-theme=light] .page-module__0mZg1a__navLinkPlaceholder{color:#0006}[data-theme=light] .page-module__0mZg1a__editorLabel{color:#00000080}[data-theme=light] .page-module__0mZg1a__codeEditor{background:var(--layer-1);color:#0a1a2f;border-color:#0000001f}[data-theme=light] .page-module__0mZg1a__codeEditor::placeholder{color:#0000004d}[data-theme=light] .page-module__0mZg1a__resultSection{background:var(--layer-1);border-color:#00000014}[data-theme=light] .page-module__0mZg1a__resultLatency{color:#0006}[data-theme=light] .page-module__0mZg1a__resultMessage{color:#000c}@keyframes page-module__0mZg1a__fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}