#stream-app{width:100%;height:100%;display:flex;flex-direction:column;background:#0a0a0a}#toolbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#1e1f22;border-bottom:1px solid #2b2d31;flex-shrink:0}#status{font-size:13px;color:#949ba4;font-family:monospace}#actions{display:flex;gap:10px}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#5865f2;color:#fff}.btn-primary:hover:not(:disabled){background:#4752c4}.btn-danger{background:#ed4245;color:#fff}.btn-danger:hover:not(:disabled){background:#c03537}#actions .btn:not(.btn-primary):not(.btn-danger){background:#2b2d31;color:#f2f3f5}#actions .btn:not(.btn-primary):not(.btn-danger):hover:not(:disabled){background:#383a40}#stage{flex:1;position:relative;overflow:hidden}#empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#949ba4;font-size:16px}#grid{position:absolute;top:12px;right:12px;bottom:12px;left:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;overflow-y:auto}.tile{position:relative;background:#111214;border-radius:12px;overflow:hidden;aspect-ratio:16 / 9}.tile video{width:100%;height:100%;object-fit:contain;display:block;background:#000}.tile .badge-live{position:absolute;top:10px;right:10px;background:#ed4245;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:5px 8px;border-radius:6px;pointer-events:none}.tile .viewer-count{position:absolute;top:10px;left:10px;background:#0009;color:#fff;font-size:12px;padding:5px 8px;border-radius:6px;pointer-events:none}.tile .name{position:absolute;bottom:10px;left:10px;background:#0009;color:#fff;font-size:13px;font-weight:600;padding:6px 10px;border-radius:16px;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#broadcast-preview{position:absolute;top:12px;right:12px;width:320px;aspect-ratio:16 / 9;background:#111214;border-radius:12px;overflow:hidden;border:2px solid #5865f2;z-index:10}#broadcast-preview video{width:100%;height:100%;object-fit:contain}.hidden{display:none!important}.fatal{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ed4245;padding:20px;text-align:center}