:root{
  --afn-bg:#05090d;
  --afn-card:#0b1117;
  --afn-border:rgba(255,255,255,.12);
  --afn-text:#f5f7fb;
  --afn-muted:#b9c4d1;
  --afn-orange:#ff7a1a;
  --afn-orange2:#ff9b38;
}
.afn-live{background:radial-gradient(circle at top right,rgba(255,122,26,.14),transparent 36%),#05090d;color:var(--afn-text);border-radius:28px;padding:54px 28px}
.afn-live-hero{margin-bottom:28px}
.afn-live-hero span{display:inline-block;color:var(--afn-orange);font-weight:900;letter-spacing:.14em;margin-bottom:12px}
.afn-live-hero h1{font-size:clamp(34px,5vw,62px);line-height:1.03;margin:0 0 16px;color:#fff}
.afn-live-hero p{font-size:18px;color:var(--afn-muted);max-width:860px}
.afn-live-grid{display:grid;grid-template-columns:1fr .82fr;gap:24px}
.afn-live-form,.afn-live-result{background:rgba(12,18,24,.94);border:1px solid var(--afn-border);border-radius:24px;padding:24px}
.afn-live-form label{display:block;color:#fff;font-weight:750;margin-bottom:15px}
.afn-live-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.afn-live-form input,.afn-live-form select,.afn-live-form textarea{width:100%;margin-top:8px;background:#070c11;border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#fff;padding:13px 14px;outline:none}
.afn-live-form input:focus,.afn-live-form select:focus,.afn-live-form textarea:focus{border-color:rgba(255,122,26,.85);box-shadow:0 0 0 3px rgba(255,122,26,.1)}
.afn-live-upload{border:1px dashed rgba(255,122,26,.55);border-radius:18px;padding:18px;background:rgba(255,122,26,.06);cursor:pointer}
.afn-live-upload input{display:block;background:transparent;border:none;padding:0;margin-bottom:8px}
.afn-live-upload strong{display:block}
.afn-live-upload small{color:var(--afn-muted)}
.afn-live-btn{width:100%;border:0;border-radius:16px;background:linear-gradient(135deg,var(--afn-orange),var(--afn-orange2));color:#111;font-size:18px;font-weight:900;padding:16px 18px;cursor:pointer}
.afn-live-btn:disabled{opacity:.55;cursor:not-allowed}
.afn-live-preview{min-height:440px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#070c11;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--afn-muted);text-align:center}
.afn-live-preview img{width:100%;height:100%;object-fit:contain}
.afn-live-status{margin-top:16px;color:var(--afn-muted);line-height:1.55}
.afn-live-status.ok{color:#7dffb3}
.afn-live-status.err{color:#ff8a8a}
.afn-live-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.afn-live-actions a{color:#ff9b38!important;font-weight:900;text-decoration:none!important}
@media(max-width:900px){.afn-live-grid,.afn-live-row{grid-template-columns:1fr}.afn-live{padding:38px 18px}}