*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f0f11;color:#e0e0e0;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:16px}.app{max-width:1200px;width:100%}.card{background:#1a1a1e;border-radius:12px;padding:16px;margin-bottom:12px;border:1px solid #2a2a2e}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.col{display:flex;flex-direction:column;gap:8px}input,select{background:#252528;color:#e0e0e0;border:1px solid #3a3a3e;padding:10px 12px;border-radius:8px;font-size:14px;outline:none}input:focus{border-color:#4a9eff}button{padding:10px 18px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;background:#3a3a3e;color:#e0e0e0;transition:all .15s}button:hover{filter:brightness(1.2)}button:disabled{opacity:.35;cursor:not-allowed;filter:none}button.primary{background:#4a9eff;color:#fff}button.danger{background:#e5484d;color:#fff}button.success{background:#30a46c;color:#fff}.log{background:#0a0a0c;border-radius:8px;padding:8px;font-family:SF Mono,Fira Code,monospace;font-size:12px;max-height:120px;overflow-y:auto;white-space:pre-wrap;line-height:1.4;color:#70cf70}.log .err{color:#e5484d}.log .info{color:#70cf70}.log .warn{color:#f0a030}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.badge.red{background:#e5484d20;color:#e5484d;border:1px solid #e5484d40}.badge.green{background:#30a46c20;color:#30a46c;border:1px solid #30a46c40}.badge.yellow{background:#f0a03020;color:#f0a030;border:1px solid #f0a03040}.badge.gray{background:#3a3a3e40;color:#888;border:1px solid #3a3a3e80}.part-grid{display:flex;flex-flow:row nowrap;gap:10px;overflow-x:auto}.part-card{background:#141418;border-radius:10px;padding:10px;border:1px solid #2a2a2e}.part-card h4{font-size:12px;color:#aaa;margin-bottom:6px;padding:2px 6px;background:#1e1e22;border-radius:4px;display:inline-block}.part-card .tracks{display:flex;flex-direction:row;gap:6px}.part-card video{width:240px;border-radius:6px;background:#000;aspect-ratio:16/9;object-fit:cover}.part-card .vid-wrap{position:relative}.part-card .vid-wrap .label{position:absolute;bottom:4px;left:4px;background:#00000090;padding:2px 8px;border-radius:4px;font-size:10px;color:#ccc}.part-card .part-player .tracks{display:flex;flex-direction:row;gap:6px}.part-card .ctrl-bar{display:flex;align-items:center;gap:6px;margin-top:6px;padding:4px 6px;background:#1e1e22;border-radius:6px}.part-card .ctrl-bar .ctrl-btn{padding:2px 8px;font-size:11px;border-radius:4px;background:#2a2a2e;color:#ccc;border:1px solid #3a3a3e;cursor:pointer;line-height:1.4;min-width:28px;text-align:center}.part-card .ctrl-bar .ctrl-btn.active{background:#4a9eff;color:#fff;border-color:#4a9eff}.part-card .ctrl-bar .seek-bar{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#3a3a3e;border-radius:2px;outline:none;cursor:pointer}.part-card .ctrl-bar .seek-bar::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#4a9eff;cursor:pointer}.part-card .ctrl-bar .time{font-size:10px;color:#888;font-family:SF Mono,Fira Code,monospace;white-space:nowrap;min-width:60px}.part-card .ctrl-bar .spacer{flex:0 0 4px}.flex{flex:1;min-width:0}h3{font-size:13px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.meeting-room{position:relative;width:100%;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:16/9;margin-bottom:12px}.meeting-room .main-video{width:100%;height:100%;object-fit:contain;background:#000}.meeting-room .self-view{position:absolute;bottom:80px;right:16px;width:180px;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #00000080}.meeting-room .self-view video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;background:#1a1a1e}.meeting-room .self-view .self-label{position:absolute;bottom:4px;left:4px;font-size:10px;color:#fff;background:#0009;padding:1px 6px;border-radius:3px}.meeting-room .participant-label{position:absolute;top:12px;left:12px;font-size:12px;color:#fff;background:#0009;padding:4px 10px;border-radius:6px;font-weight:600}.toolbar{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;background:#1a1a1e;border-radius:12px;border:1px solid #2a2a2e;margin-bottom:12px}.toolbar .toolbar-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;border-radius:8px;border:none;font-size:11px;font-weight:600;cursor:pointer;background:#2a2a2e;color:#ccc;transition:all .15s;min-width:60px}.toolbar .toolbar-btn:hover{filter:brightness(1.3)}.toolbar .toolbar-btn .icon{font-size:18px;line-height:1}.toolbar .toolbar-btn.active{background:#4a9eff;color:#fff}.toolbar .toolbar-btn.danger,.toolbar .toolbar-btn.muted{background:#e5484d;color:#fff}.toolbar .toolbar-btn:disabled{opacity:.35;cursor:not-allowed;filter:none}