.agora-room[data-v-01722b09]{max-width:900px;margin:0 auto}.join-panel[data-v-01722b09]{display:flex;gap:8px;align-items:center}.join-panel input[data-v-01722b09]{padding:8px 12px;border:1px solid #ccc;border-radius:6px;flex:1}button[data-v-01722b09]{padding:8px 16px;border:none;border-radius:6px;background:#1a73e8;color:#fff;cursor:pointer}button[data-v-01722b09]:disabled{opacity:.5;cursor:not-allowed}button.leave[data-v-01722b09]{background:#d93025}.error[data-v-01722b09]{color:#d93025;margin-top:8px}.video-grid[data-v-01722b09]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:16px}.video-tile[data-v-01722b09]{position:relative;background:#111;border-radius:8px;overflow:hidden;aspect-ratio:4 / 3}.video-el[data-v-01722b09]{width:100%;height:100%}.label[data-v-01722b09]{position:absolute;bottom:6px;left:8px;color:#fff;font-size:12px;background:#00000080;padding:2px 6px;border-radius:4px}.controls[data-v-01722b09]{display:flex;gap:8px}body{margin:0;background:#f5f5f7}.app-shell{padding:24px;font-family:system-ui,sans-serif}