@font-face{font-family:Inter;src:url('/demo/fonts/InterVariable.woff2')}@font-face{font-family:Mono;src:url('/demo/fonts/JetBrainsMono-Regular.woff2')}*{box-sizing:border-box}body{margin:0;background:#071c16;color:#e5eee9;font:15px/1.6 Inter,system-ui,sans-serif}a{color:#a3f2d7;text-underline-offset:4px}header{max-width:1080px;margin:auto;padding:28px;display:flex;align-items:center;gap:26px;border-bottom:1px solid #29433a}header .brand{font-weight:760;font-size:25px;letter-spacing:-1px;text-decoration:none;margin-right:auto;color:#effaf5}.brand span{color:#8af0cb}main{max-width:820px;padding:52px 28px 80px;margin:auto}h1{font-size:clamp(38px,6vw,62px);line-height:1.07;letter-spacing:-2.8px;max-width:650px;margin:14px 0 24px}.eyebrow{font:11px Mono,monospace;letter-spacing:2px;color:#9ab8aa}.intro{max-width:620px;color:#b4c8bc;font-size:18px}form{margin:38px 0;border-top:1px solid #345347;padding-top:24px}label{display:block;color:#c9ded1;margin:18px 0 8px}input,select,button{font:inherit;color:inherit}input:not([type=checkbox]),select{width:100%;background:#0c251d;border:1px solid #416053;border-radius:5px;padding:13px;min-width:0}button{padding:12px 22px;border:1px solid #a3f2d7;border-radius:4px;background:#a3f2d7;color:#071c16;font-weight:650;cursor:pointer}button:disabled{opacity:.45;cursor:default}.ack{display:flex;gap:12px;align-items:flex-start}.ack input{margin-top:6px;flex:none}.limit,aside,.source-note{color:#9db4a7;font-size:13px}.limit{margin-top:20px}#result{overflow-wrap:anywhere;margin:35px 0;border-left:2px solid #8af0cb;padding:0 0 0 24px}h2{font-size:23px;line-height:1.2;letter-spacing:-.6px}h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;margin-top:24px}pre,code{font:12px/1.7 Mono,monospace;white-space:pre-wrap;overflow-wrap:anywhere}pre{padding:16px;background:#051811;border:1px solid #2f4d40;max-height:340px;overflow:auto}details{padding:12px 0;border-top:1px solid #29483a}summary{cursor:pointer;color:#a3f2d7}aside{border-top:1px solid #29483a;margin-top:40px;padding-top:20px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #a3f2d7;outline-offset:5px}.skip{position:absolute;left:20px;top:-100px}.skip:focus{top:5px}@media(max-width:520px){header{padding:20px;gap:18px;font-size:12px}main{padding:36px 20px 60px}h1{letter-spacing:-1.8px}#result{padding-left:15px}button{width:100%}}