:root{--roxo:#6d28d9;--texto:#1f2937;--suave:#6b7280;--fundo:#f5f3ff;--erro:#b91c1c}*{box-sizing:border-box}body{color:var(--texto);background:var(--fundo);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}[hidden]{display:none!important}.cartao{background:#fff;border-radius:14px;max-width:440px;margin:8vh auto;padding:28px 22px;box-shadow:0 6px 24px #0001}h1{margin:0 0 12px;font-size:1.35rem}label{margin:14px 0 6px;font-weight:600;display:block}input{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px;font-size:1rem}button{background:var(--roxo);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:12px 18px;font-size:1rem}button.secundario{color:var(--roxo);border:1px solid var(--roxo);background:#fff}button.perigo{background:var(--erro)}button:disabled{opacity:.5;cursor:default}.largo{width:100%;margin-top:18px}.erro{color:var(--erro);min-height:1.2em}.suave{color:var(--suave)}.medidor{background:#e5e7eb;border-radius:5px;height:10px;margin:10px 0;overflow:hidden}.medidor>div{background:#16a34a;width:0;height:100%;transition:width 80ms}#previa video{background:#000;border-radius:10px;width:100%;transform:scaleX(-1)}.palco{background:#111;position:fixed;inset:0}#remoto{position:absolute;inset:0}#remoto video{object-fit:cover;width:100%;height:100%}#local{width:28vw;max-width:200px;position:absolute;bottom:90px;right:12px}#local video{border-radius:8px;width:100%;transform:scaleX(-1)}.faixa{color:#fff;background:#000a;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;top:0;left:0;right:0}.controles{flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:absolute;bottom:16px;left:0;right:0}#conexao{text-align:center;color:#fff;font-size:1.2rem;position:absolute;top:50%;left:0;right:0}ul.ativas{padding:0;list-style:none}ul.ativas li{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}dialog{border:0;border-radius:12px;padding:22px}