*{box-sizing:border-box}body{margin:0;font:14px/1.4 -apple-system,Segoe UI,Roboto,Arial,sans-serif}.page{padding:16px}h1{margin:0 0 16px;font-size:18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.card{border:1px solid #ddd;border-radius:6px;padding:12px;background:#fff}.title{font-weight:600;margin-bottom:8px}.row{display:grid;grid-template-columns:1fr 100px;gap:8px;align-items:center;margin:8px 0}input{width:100%;padding:6px 8px;border:1px solid #ccc;border-radius:4px}button{padding:8px 10px;border:1px solid #ccc;border-radius:4px;background:#f6f6f6;cursor:pointer}button:disabled{opacity:.5;cursor:default}.log{margin-top:12px;padding:8px;border:1px dashed #bbb;background:#fafafa;white-space:pre-wrap}