:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#dce7ef;background:#0b131b;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:#92dfce;text-decoration:none}a:hover{text-decoration:underline}header,main,footer{max-width:1240px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #263440;gap:20px}header>a{font-size:20px;font-weight:700}header span{color:#a6b6c4;font-weight:400}header>div{display:flex;align-items:center;gap:24px}select,textarea,button{font:inherit}select{padding:10px;border:1px solid #405563;border-radius:8px;background:#15212b;color:#e5eff6;max-width:100%}.hero{max-width:850px;padding:44px 0 36px}.eyebrow{color:#92dfce;letter-spacing:.16em;font-size:12px;font-weight:700}h1{font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-.045em;margin:20px 0}#intro{font-size:19px;color:#b5c4cf;line-height:1.65;max-width:690px}.badges{display:flex;flex-wrap:wrap;gap:10px}.badges span{border:1px solid #344d58;border-radius:30px;padding:8px 12px;color:#bcd2da;font-size:13px}.workspace{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.panel{border:1px solid #30424f;border-radius:18px;background:#111e28;padding:28px;min-width:0}h2{font-size:20px;margin:0 0 24px}label{display:block;color:#d9e6ee;font-weight:600;margin:18px 0 10px}textarea{display:block;width:100%;background:#0c1720;color:#eaf4fa;border:1px solid #526975;border-radius:10px;padding:16px;resize:vertical;line-height:1.5}.hint{color:#afc0cc;font-size:13px;line-height:1.6}.actions{display:flex;gap:12px;margin:22px 0}button{cursor:pointer;border:1px solid #405765;border-radius:9px;padding:12px 16px;background:#1a2a36;color:#dce7ef}#submit{background:#8ce0c6;color:#08251d;font-weight:700;border:0}button:disabled{opacity:.65;cursor:wait}#examples{display:flex;flex-direction:column;gap:8px}#examples button{text-align:left;font-size:13px;line-height:1.5}.result-header{display:flex;justify-content:space-between;gap:12px}#state{color:#a3dbcc;font-size:12px}#answer{line-height:1.8;font-size:18px;min-height:100px}#error{color:#ffd4ce}table{width:100%;border-collapse:collapse;margin-top:18px;font-size:14px}caption{text-align:left;margin-bottom:12px;color:#b5c7d3}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid #344754}td:last-child,th:last-child{text-align:right}svg{display:block;width:100%;height:auto;margin:24px 0}details{margin-top:24px;border-top:1px solid #30424f;padding-top:20px}summary{cursor:pointer;color:#92dfce}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#bed0db;line-height:1.6}.notes{max-width:850px;margin:44px 0;color:#b5c7d3;line-height:1.7}.notes h2{color:#e5eff6;margin-bottom:12px}footer{font-size:12px;color:#a3b8c5;border-top:1px solid #263440}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #f3c875;outline-offset:4px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:absolute;left:20px;top:-60px;background:#0b131b;padding:10px}.skip:focus{top:10px}[hidden]{display:none!important}@media(max-width:760px){header,main,footer{padding:20px}header{align-items:flex-start}header>div{flex-direction:column;gap:12px;align-items:flex-end}header>a{font-size:16px}header a{font-size:13px}.hero{padding:28px 0}.workspace{grid-template-columns:1fr}.panel{padding:20px}#intro{font-size:16px}}
footer a{text-decoration:underline}h1{white-space:pre-line}