.latex-page{padding:26px 0 8px}.latex-header{display:flex;gap:28px;justify-content:space-between;align-items:flex-end;margin:12px 0 28px}.latex-header h1{font-size:clamp(40px,5vw,64px);letter-spacing:-.065em;line-height:1;margin:0 0 12px}.latex-header>div>p:not(.eyebrow){margin:0;color:var(--muted);font-size:17px}.latex-actions{display:flex;gap:10px;flex-wrap:wrap}.latex-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.latex-panel{overflow:hidden;border:1px solid #263b39;border-radius:15px;background:#102422;box-shadow:0 10px 28px rgba(9,34,30,.08)}.latex-panel-title{height:51px;padding:0 17px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #2a4541;background:#142d2a}.latex-panel-title h2{margin:0 0 0 5px;font:600 13px 'DM Mono',monospace;color:#edf8f5}.latex-panel-title a{margin-left:auto;color:#9bd8c9;font-size:12px;text-decoration:none}.latex-dot{width:10px;height:10px;border-radius:50%;background:#ef7760}.latex-dot:nth-child(2){background:#e9c65b}.latex-dot:nth-child(3){background:#79c79c}.latex-ready{width:9px;height:9px;border-radius:50%;background:#62c987;box-shadow:0 0 0 4px rgba(98,201,135,.12)}.latex-panel pre{height:650px;overflow:auto;margin:0;padding:22px;color:#dcece7;background:#102422;font:14px/1.62 'DM Mono',monospace;tab-size:2}.latex-panel code{white-space:pre}.latex-command{color:#8bd5ff;font-weight:600}.latex-comment{color:#77948d;font-style:italic}.latex-math{color:#ffd479}.latex-brace{color:#e58cff}.latex-number{color:#a9df79}.latex-preview{background:#e7ece9;border-color:var(--line)}.latex-preview .latex-panel-title{background:#f7faf8;border-color:var(--line)}.latex-preview .latex-panel-title h2{color:var(--ink)}.latex-preview object{display:block;width:100%;height:650px;background:#eef2f0}.latex-note{margin:15px 0 0;color:var(--muted);font-size:13px}@media(max-width:820px){.latex-header{align-items:flex-start;flex-direction:column}.latex-workspace{grid-template-columns:1fr}.latex-panel pre,.latex-preview object{height:520px}}@media(max-width:500px){.latex-actions{width:100%}.latex-actions .button{flex:1;text-align:center}.latex-panel pre{font-size:12px;padding:16px}.latex-preview object{height:430px}}