*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#eaeaea;min-height:100vh}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.page{width:100%;max-width:560px}.card{background:#16213e;border-radius:12px;padding:1.5rem 2rem;box-shadow:0 4px 20px #0000004d}.card h1{margin:0 0 .5rem;font-size:1.5rem}.card h2{margin:1.25rem 0 .5rem;font-size:1rem;color:#94a3b8}.card section{margin-top:.5rem}.muted{color:#94a3b8;font-size:.9rem;margin:0 0 1rem}.small{font-size:.8rem}.card button{background:#0f3460;color:#e2e8f0;border:1px solid #1e3a5f;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-size:1rem;margin-right:.5rem;margin-top:.5rem}.card button:hover:not(:disabled){background:#1e3a5f}.card button:disabled{opacity:.6;cursor:not-allowed}.card button.small{font-size:.8rem;padding:.35rem .75rem}.error{color:#f87171;background:#f871711a;padding:.5rem .75rem;border-radius:6px;margin:.5rem 0;font-size:.9rem}.success{color:#86efac;margin:.5rem 0}pre{background:#0f172a;padding:.75rem 1rem;border-radius:8px;overflow:auto;font-size:.8rem;margin:.25rem 0;max-height:200px}pre.token{word-break:break-all;max-height:120px}.row{display:flex;flex-wrap:wrap;gap:.5rem}.envoy-results{margin-top:1rem}.envoy-result-item{margin-top:1rem;padding:.75rem;background:#0f172a;border-radius:8px}.envoy-result-item strong{margin-right:.5rem}.envoy-result-item code{font-size:.85rem;color:#94a3b8}.envoy-result-item pre{margin-top:.5rem;max-height:160px}