:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f7f9;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}main{width:min(100% - 2rem,72rem);margin:0 auto;padding:3rem 0 5rem}h1,h2,h3{line-height:1.2}form,section{background:#fff;border:1px solid #d8dee8;border-radius:.75rem;gap:1rem;margin-top:2rem;padding:1.25rem;display:grid}label,button,textarea{font:inherit}textarea,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}textarea{resize:vertical;background:#fbfcfe;border:1px solid #9aa6b5;border-radius:.5rem;width:100%;padding:.9rem}button{color:#fff;cursor:pointer;background:#1d4ed8;border:1px solid #1d4ed8;border-radius:.5rem;width:fit-content;padding:.65rem 1rem}button:disabled{cursor:wait;opacity:.55}.editor-actions{flex-wrap:wrap;gap:.75rem;display:flex}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef2f7;border-radius:.5rem;margin:0;padding:.9rem;overflow-x:auto}[role=alert]{color:#991b1b}:focus-visible{outline-offset:3px;outline:3px solid #f59e0b}@media (width<=40rem){main{width:min(100% - 1rem,72rem);padding-top:1.5rem}form,section{padding:1rem}}