*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background:#f4f6f8}.header{background:#1e293b;color:#fff;padding:20px;text-align:center}.container{max-width:1100px;margin:30px auto;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:#fff;padding:20px;border-radius:8px}.card h2{margin-bottom:15px}input{width:100%;padding:10px;margin-bottom:15px}.buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}button{padding:10px;border:none;background:#2563eb;color:#fff;border-radius:5px;cursor:pointer}button:hover{background:#1e40af}button:disabled{background:gray;cursor:not-allowed}.clear{grid-column:span 2;background:#dc2626}.response{background:#fff;padding:20px;border-radius:8px;overflow:auto}pre{font-size:12px;max-height:400px}