:root{--bg:#f5f7fb;--panel:#fff;--text:#162033;--border:#d4dce8}
*{box-sizing:border-box} body{margin:0;font-family:Segoe UI,Tahoma,sans-serif;background:var(--bg);color:var(--text)}
.app{max-width:920px;margin:0 auto;padding:1rem;display:grid;gap:1rem}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem}
input{width:100%;padding:.6rem;border:1px solid var(--border);border-radius:8px}
.row{display:grid;grid-template-columns:180px 1fr auto;gap:.5rem;align-items:center;padding:.4rem 0;border-bottom:1px solid #edf1f7}
code{font-family:Consolas,monospace;word-break:break-all}
button{padding:.45rem .6rem;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer}
#status{min-height:1.2rem}
@media(max-width:700px){.row{grid-template-columns:1fr;}}