.aaf-wrapper { border: 1px solid #e5e7eb; border-radius: 14px; padding: 16px; background: #fff; width: 60%; margin: auto}
.aaf-form { display: flex; gap: 8px; align-items: center; margin-bottom: 12px; }
.aaf-label { font-weight: 600; }
.aaf-input { flex: 1; padding: 10px 12px; border: 1px solid #d1d5db; border-radius: 10px; }
.aaf-btn { padding: 10px 16px; border: 0; border-radius: 10px; cursor: pointer; background: #111827; color: #fff; }
.aaf-btn:hover { opacity: .9; }
.aaf-status { margin: 8px 0; color: #065f46; }
.aaf-status.aaf-error { color: #b91c1c; }
.aaf-result { display: grid; gap: 12px; }
.aaf-cards { width: 90%;margin: auto }
.aaf-card { border: 1px solid #e5e7eb; border-radius: 12px; padding: 30px; background: #fafafa; margin-bottom: 10px;}
.aaf-row {justify-content: space-between; gap: 8px; font-size: 1rem; padding: 4px 0; border-bottom: 1px dashed #eee; }
.aaf-row:last-child { border-bottom: 0; }
.aaf-key { font-weight: bold; color: #374151; }
.aaf-val { color: #111827; text-align: right;font-size: 15px; }
.aaf-pre { background: #0b1020; color: #d1f1ff; padding: 12px; border-radius: 12px; overflow:auto; font-size: 12px; }
.aaf-valid { background-color: #0a875a;color: white;text-align: center;padding: 10px; }