*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#0f172a;color:#e2e8f0}.app{max-width:1080px;margin:0 auto;padding:24px;display:grid;gap:16px}.header h1{margin:0;font-size:28px}.header p{margin:6px 0 0;color:#94a3b8}.panel{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:16px;display:grid;gap:12px}label{display:grid;gap:8px;color:#cbd5e1}input{background:#0b1220;color:#f8fafc;border:1px solid #334155;border-radius:8px;padding:10px 12px}button{width:fit-content;padding:10px 14px;border:0;border-radius:8px;font-weight:600;cursor:pointer;background:#2563eb;color:#f8fafc}button.danger{background:#dc2626}.controls{display:flex;gap:12px}.status-strip{display:grid;gap:8px;padding:10px;border-radius:8px;background:#0b1220;border:1px solid #1e293b}.quality-良好{color:#22c55e}.quality-一般{color:#f59e0b}.quality-较差{color:#ef4444}.participants{display:grid;gap:4px;color:#cbd5e1}.videos{grid-template-columns:repeat(2,minmax(0,1fr))}video{width:100%;aspect-ratio:16 / 9;background:#020617;border-radius:10px;border:1px solid #334155}.error{color:#fca5a5;font-weight:600}code{word-break:break-all}@media(max-width:900px){.videos{grid-template-columns:1fr}}