.sg-frame{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-800:#1e293b;--indigo-50:#eef2ff;--indigo-200:#c7d2fe;--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--emerald-50:#ecfdf5;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--sh-sm:0 1px 2px #1018280f;--sh-md:0 4px 10px -2px #1018281f;aspect-ratio:16/9;border:1px solid var(--slate-100);background:var(--slate-50);width:100%;color:var(--slate-800);border-radius:12px;justify-content:center;align-items:center;padding:14px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow-x:clip}.sg-frame-tall{aspect-ratio:16/10}.sg-frame *{box-sizing:border-box}.sg-frame svg{display:block}.sg-frame .uiwhite{border:1px solid var(--slate-100);box-shadow:var(--sh-sm);background:#fff;border-radius:8px}.sg-frame .row{align-items:center;gap:12px;padding:10px 14px;display:flex}.sg-frame .ic{border-radius:6px;flex:none;justify-content:center;align-items:center;display:flex}.sg-frame .ic.sm{width:32px;height:32px}.sg-frame .ic.md{width:36px;height:36px}.sg-frame .ic.lg{width:40px;height:40px}.sg-frame .ic.indigo{background:var(--indigo-50);color:var(--indigo-600)}.sg-frame .ic.emerald{background:var(--emerald-50);color:var(--emerald-600)}.sg-frame .ic.slate{background:var(--slate-100);color:var(--slate-500)}.sg-frame .grow{flex:1;min-width:0}.sg-frame .t1{color:var(--slate-800);font-size:14px;font-weight:500}.sg-frame .t2{color:var(--slate-500);font-size:12px}.sg-frame .t2.ok{color:var(--emerald-600);font-weight:500}.sg-frame .amt{color:var(--slate-800);font-size:14px;font-weight:600}.sg-frame .badge-green{background:var(--emerald-500);color:#fff;width:28px;height:28px;box-shadow:var(--sh-md);outline:4px solid var(--slate-50);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.sg-frame .pill{border-radius:999px;padding:2px 7px;font-size:10px;font-weight:500}.sg-frame .pill.green{background:var(--emerald-50);color:var(--emerald-600)}.sg-frame .pill.indigo{background:var(--indigo-50);color:var(--indigo-600)}.sg-frame .bars{justify-content:center;align-items:flex-end;gap:10px;width:100%;max-width:280px;padding-top:40px;display:flex;position:relative}.sg-frame .bar{border-radius:6px 6px 0 0;width:30px}.sg-frame .tip{border:1px solid var(--slate-100);box-shadow:var(--sh-md);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:flex;position:absolute;top:0;right:0}.sg-frame .dot{width:8px;height:8px;margin-left:2px;display:inline-flex;position:relative}.sg-frame .dot .ping{background:var(--emerald-400);opacity:.75;border-radius:999px;animation:1.2s cubic-bezier(0,0,.2,1) infinite sg-ping;position:absolute;inset:0}.sg-frame .dot .core{background:var(--emerald-500);border-radius:999px;width:8px;height:8px;position:relative}@keyframes sg-ping{75%,to{opacity:0;transform:scale(2.2)}}.sg-frame .acceptbtn{background:var(--emerald-500);color:#fff;box-shadow:var(--sh-sm);border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:10px;font-size:14px;font-weight:600;display:flex}.sg-frame .docline{background:var(--slate-100);border-radius:4px;height:8px}@media (prefers-reduced-motion:reduce){.sg-frame .dot .ping{animation:none}}