:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#e8eaef;background:#0f1419}*{box-sizing:border-box}body{margin:0;min-height:100vh}#app{max-width:42rem;margin:0 auto;padding:2rem 1.25rem 3rem}h1{font-size:1.35rem;font-weight:600;margin:0 0 .25rem}.sub{color:#8b96a8;font-size:.875rem;margin-bottom:1.5rem}.panel{background:#1a222c;border:1px solid #2a3544;border-radius:10px;padding:1rem 1.1rem;margin-bottom:1rem}label{display:block;font-size:.8rem;color:#a7b0bf;margin-bottom:.35rem}input{width:100%;padding:.5rem .6rem;border-radius:6px;border:1px solid #3a4658;background:#0f1419;color:#e8eaef;margin-bottom:.75rem}button{cursor:pointer;border:none;border-radius:6px;padding:.45rem .75rem;font-size:.875rem;background:#3b82f6;color:#fff}button.secondary{background:#334155}button:disabled{opacity:.55;cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}pre{margin:.75rem 0 0;padding:.75rem;background:#0f1419;border-radius:6px;border:1px solid #2a3544;font-size:.75rem;overflow:auto;max-height:16rem}.badge{display:inline-block;font-size:.7rem;padding:.15rem .45rem;border-radius:999px;background:#1e3a2f;color:#86efac;margin-left:.35rem}.badge.warn{background:#3f2e1a;color:#fcd34d}