:root{color:#263238;font-synthesis:none;background:#f4f1eb;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}main{width:min(100% - 32px,1040px);margin:0 auto;padding:64px 0 32px}header{justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px;display:flex}h1{color:#132a2f;margin:4px 0 8px;font:700 clamp(2rem,5vw,4rem)/1.05 Georgia,serif}.eyebrow{color:#b34624;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.intro{color:#526166;margin:0}a{color:#176b72;text-underline-offset:4px;white-space:nowrap;font-weight:700;text-decoration-thickness:2px}section{background:#fff;border:1px solid #c6ccc8;border-radius:12px;overflow:hidden;box-shadow:0 18px 50px #334b4820}.toolbar{color:#435258;background:#eef1ee;border-bottom:1px solid #dce1de;justify-content:space-between;padding:11px 16px;font:600 .78rem ui-monospace,monospace;display:flex}.status{color:#176b72}#editor{min-height:560px}.cm-editor{min-height:560px;font-size:15px}.cm-scroller{font-family:SFMono-Regular,Consolas,monospace;line-height:1.65}.cm-content{padding:18px 8px}.cm-gutters{border:0}footer{color:#75817e;text-align:center;margin-top:20px;font-size:.8rem}@media (width<=700px){main{width:min(100% - 20px,1040px);padding-top:32px}header{flex-direction:column;align-items:start;gap:16px}#editor,.cm-editor{min-height:480px}}