#ac-api-widget{max-width:980px;margin:1rem auto;padding:1rem 1.25rem;border:1px solid #eee;border-radius:12px;background:#fff}
#ac-api-widget h3{margin-top:0;font-weight:700}
.ac-form .ac-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.ac-form label{display:flex;flex-direction:column;font-weight:600;font-size:0.95rem}
.ac-form input,.ac-form select{padding:.5rem;border:1px solid #ccc;border-radius:8px;font-size:.95rem}
.ac-form small{color:#666;font-weight:400}
.ac-actions{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}
.ac-btn{background:#111;color:#fff;border:none;border-radius:10px;padding:.6rem 1rem;cursor:pointer;font-weight:700;box-shadow:0 2px 0 #e5b800}
.ac-btn[disabled]{opacity:.6;cursor:not-allowed}
.ac-btn.ac-sec{background:#555}
.ac-msg{margin:.75rem 0;padding:.6rem .8rem;border-radius:8px;font-weight:600}
.ac-ok{background:#e7f6ec;color:#0a6c2e;border:1px solid #b6e2c5}
.ac-warn{background:#fff9e6;color:#7a5b00;border:1px solid #ffe08a}
.ac-error{background:#fdecea;color:#8a1c1c;border:1px solid #f5c2c0}
.ac-output{margin-top:1rem;background:#0b0b0b;color:#f5f5f5;border-radius:10px;padding:1rem;overflow:auto;max-height:420px}
.ac-svg{margin-top:1rem;overflow:auto;border:1px dashed #ddd;border-radius:10px;padding:.5rem;background:#fafafa}
@media (max-width:720px){.ac-form .ac-grid{grid-template-columns:1fr}}