:root{--bg:#05070a;--panel:#0d1117;--line:#1e2630;--text:#e8ecef;--muted:#8b98a5;--accent:#c8ff65}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;padding:2rem 1rem 4rem;font:15px/1.55 system-ui,sans-serif}main{max-width:640px;margin:0 auto}h1{font-size:1.4rem}.mono{letter-spacing:.12em;color:var(--accent);font-family:ui-monospace,monospace;font-size:.68rem}fieldset{border:1px solid var(--line);border-radius:.8rem;margin:1.2rem 0;padding:1rem 1.2rem}legend{letter-spacing:.12em;color:var(--muted);padding:0 .4rem;font-family:ui-monospace,monospace;font-size:.66rem}label{color:var(--muted);margin:.7rem 0 .2rem;font-size:.85rem;display:block}input,select{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text);border-radius:.5rem;padding:.55rem .6rem}.check{align-items:center;gap:.55rem;margin:.45rem 0;font-size:.9rem;display:flex}.check input{width:auto}button{border:1px solid var(--accent);background:var(--accent);color:#05070a;cursor:pointer;border-radius:.6rem;margin-top:1rem;padding:.7rem 1.2rem;font-weight:600}button.ghost{color:var(--accent);background:0 0}#out,#keyout{border:1px solid var(--accent);word-break:break-all;border-radius:.8rem;margin-top:1.2rem;padding:1rem;display:none}code{color:var(--accent);font-family:ui-monospace,monospace;font-size:.78rem}.warn{color:var(--muted);border-left:2px solid #ffca70;margin-top:1.4rem;padding:.7rem 1rem;font-size:.8rem}.muted{color:var(--muted)}.note{color:var(--muted);font-size:.85rem}.note-spaced{color:var(--muted);margin-top:1rem;font-size:.85rem}.resolved-line{color:var(--muted);margin-top:1rem;display:none}.hidden{display:none}#out.is-visible,#keyout.is-visible,.resolved-line.is-visible{display:block}button.is-visible{display:inline-block}