#stream-app{width:100%;height:100%;display:flex;flex-direction:column;background:#0a0a0a}#toolbar{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px;background:#1e1f22;border-bottom:1px solid #2b2d31;flex-shrink:0;flex-wrap:wrap}#status{font-size:13px;color:#949ba4;font-family:monospace}#broadcast-settings{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#broadcast-settings label{display:flex;align-items:center;gap:6px;font-size:12px;color:#dbdee1}#broadcast-settings select,#broadcast-settings input{background:#2b2d31;color:#f2f3f5;border:1px solid #404249;border-radius:4px;padding:4px 8px;font-size:12px}#broadcast-settings input{width:56px}#broadcast-settings input:disabled{opacity:.5}#bitrate-unit{font-size:12px;color:#949ba4}#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}#stage{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000}#remote-canvas{max-width:100%;max-height:100%;width:auto;height:auto;display:block;background:#000}#broadcast-preview{position:absolute;top:16px;right:16px;width:240px;aspect-ratio:16 / 9;background:#111214;border-radius:12px;overflow:hidden;border:2px solid #5865f2;z-index:10;display:flex;flex-direction:column}#broadcast-preview video{width:100%;flex:1;object-fit:contain;display:block;background:#000}#broadcast-preview span{position:absolute;bottom:6px;left:8px;font-size:11px;font-weight:600;color:#fff;background:#0009;padding:2px 6px;border-radius:4px}.hidden{display:none!important}.fatal{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ed4245;padding:20px;text-align:center}