:root{--bg-1:#f8f7f2;--bg-2:#e6f0ee;--ink:#0f1720;--ink-soft:#304052;--panel:#ffffff;--accent:#0f766e;--accent-2:#dd6b20;--border:#b8c7c8;--warn-bg:#fff6eb;--warn-border:#f2c995;--error:#8b1d1d}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{color:var(--ink);font-family:Space Grotesk,IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at 15% 15%,rgba(15,118,110,.16),transparent 40%),radial-gradient(circle at 85% 20%,rgba(221,107,32,.18),transparent 35%),linear-gradient(180deg,var(--bg-1),var(--bg-2))}.page-shell{width:min(1100px,94vw);margin:32px auto 56px;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:18px;gap:18px}.hero{padding:10px 4px}.hero h1{margin:0;font-size:clamp(1.8rem,2.2vw,2.4rem);letter-spacing:.02em}.hero p{margin-top:8px;color:var(--ink-soft)}.hero code{font-family:IBM Plex Mono,Menlo,monospace;font-size:.95em;line-height:1;padding:.14em .42em;border-radius:6px;border:1px solid #c7d9d8;background:#eef6f5;color:#1b3130}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 10px 18px rgba(12,20,22,.05);min-width:0}.input-panel{display:grid;grid-gap:10px;gap:10px}label{font-weight:700}textarea{width:100%;min-height:220px;resize:vertical;font-family:IBM Plex Mono,Menlo,monospace;font-size:.94rem;border:1px solid var(--border);border-radius:10px;padding:12px;background:#fbfcff;color:var(--ink)}button{justify-self:start;border:0;border-radius:999px;background:linear-gradient(95deg,var(--accent),#0f8f7c);color:#f8fffd;font-weight:700;padding:10px 18px;cursor:pointer;transition:transform .12s ease,filter .12s ease}button:hover:not(:disabled){transform:translateY(-1px);filter:saturate(1.12)}button:disabled{opacity:.6;cursor:not-allowed}h2,h3{margin-top:0}.meta-grid{list-style:none;padding:0;margin:0 0 12px;display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));grid-gap:8px;gap:8px}.meta-grid li{padding:8px;border:1px solid var(--border);border-radius:8px;background:#f7fbfb}.warnings-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.warnings-list li{border:1px solid var(--warn-border);border-radius:8px;background:var(--warn-bg);padding:10px}.warnings-list code{color:#8a4b00}.preview-frame{border:1px solid var(--border);background:#fdfefe;max-width:100%;width:100%}.preview-frame,pre{overflow-x:auto;border-radius:8px;padding:12px}pre{margin:0;border:1px solid var(--border);background:#0f1a1b;color:#d9efe9;font-family:IBM Plex Mono,Menlo,monospace;font-size:.87rem;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.muted{color:#5a6970}.error{color:var(--error);font-weight:700}.page-footer{text-align:center;color:#41525b;padding:6px 4px 2px}.footer-link{color:inherit;text-decoration:none}.footer-link:focus-visible,.footer-link:hover{text-decoration:none}.latex-table{border-collapse:collapse;width:max-content;table-layout:auto}.latex-cell{padding:8px 10px;border-bottom:0;box-shadow:inset 0 -1px 0 #e5edee;vertical-align:middle;white-space:nowrap;overflow-wrap:normal;word-break:normal;min-width:0}.has-bg-color{background-clip:padding-box}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.has-left-border{border-left:1px solid #2f3a3a}.has-right-border{border-right:1px solid #2f3a3a}.has-top-border{border-top:2px solid #2f3a3a}.has-bottom-border{border-bottom:2px solid #2f3a3a;box-shadow:none}.latex-fbox{display:inline-block;border:1px solid #2f3a3a;padding:.08rem .34rem;border-radius:2px}.latex-colorized{font-weight:inherit}.latex-math{white-space:normal}.latex-math-inline{display:inline}.latex-math-display{display:block;margin:.2rem 0}.latex-cell mjx-container{margin:0;max-width:100%}.latex-cell mjx-container[display=true]{margin:.3rem 0;overflow-x:auto;overflow-y:hidden}@media (max-width:720px){.page-shell{margin-top:18px;gap:14px}.panel{padding:12px}textarea{min-height:180px}.meta-grid{grid-template-columns:1fr}}