.watch-streams{width:100%;padding:10px;margin-bottom:8px;border:1px solid #4a887e;border-radius:8px;background:#123b41;color:#b9ffe8;cursor:pointer;min-height:32px}
/* Scoped, independent stream panel: place its container beside the main workspace. */
.streams-panel { box-sizing:border-box; width:100%; min-width:0; padding:14px; border:1px solid #354458; border-radius:14px; background:#111c2d; color:#edf3fc; font:14px/1.45 system-ui,sans-serif; }
.streams-panel[hidden] { display:none !important; }
.streams-panel * { box-sizing:border-box; }
.streams-panel h2 { margin:0 auto 0 0; font-size:17px; }
.streams-panel h3 { margin:0 0 8px; font-size:13px; overflow-wrap:anywhere; }
.streams-header,.streams-channels,.streams-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.streams-panel a { color:#91c8ff; text-decoration:underline; text-underline-offset:3px; }
.streams-panel button { font:inherit; cursor:pointer; border:1px solid #53657e; border-radius:7px; padding:7px 10px; min-height:36px; background:#24354d; color:#fff; }
.streams-panel button:hover { background:#344e70; }
.streams-panel :focus-visible { outline:3px solid #a6d6ff; outline-offset:3px; }
.streams-help { color:#b7c5d8; font-size:12px; margin:9px 0; }
.streams-channels { margin-bottom:10px; }
.streams-form { display:flex; gap:8px; align-items:end; margin-top:12px; flex-wrap:wrap; }
.streams-form label { flex:1 1 190px; min-width:0; font-size:12px; }
.streams-form input { display:block; width:100%; margin-top:5px; padding:9px; border:1px solid #53657e; border-radius:6px; color:#fff; background:#0a1423; font:inherit; }
.streams-status { font-size:12px; color:#f3d893; overflow-wrap:anywhere; }
.streams-status:empty { display:none; }
.streams-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:12px; margin-top:12px; }
.streams-card { min-width:0; padding:10px; border:1px solid #354458; border-radius:10px; }
.streams-player { aspect-ratio:16/9; display:grid; place-items:center; background:#070e19; border-radius:7px; overflow:hidden; }
.streams-player iframe { width:100%; height:100%; border:0; display:block; }
.streams-actions { justify-content:space-between; font-size:12px; }

/* Root remains at body level across workspace tabs. Only the panel is fixed. */
.streams-host { position:static; }
.streams-panel { position:fixed; right:16px; bottom:16px; width:min(460px,calc(100vw - 16px)); max-height:calc(100dvh - 16px); overflow:auto; overscroll-behavior:contain; z-index:120; box-shadow:0 15px 55px #0009; }
.streams-header { position:sticky; top:-14px; z-index:1; background:#111c2d; padding:5px 0; }
.streams-header h2 { font-size:14px; }
.streams-header button { padding:6px; font-size:12px; }
.streams-header .streams-drag { cursor:grab; touch-action:none; user-select:none; }
.streams-header .streams-drag:active { cursor:grabbing; }
.streams-mini { width:min(380px,calc(100vw - 16px)); padding:0; overflow:hidden; }
.streams-mini > :not(.streams-header):not(.streams-list) { display:none; }
.streams-mini .streams-header { position:static; flex-wrap:nowrap; gap:4px; padding:4px; }
.streams-mini .streams-header h2 { display:none; }
.streams-mini .streams-drag { margin-right:auto; }
.streams-mini .streams-list { display:block; margin:0; }
.streams-mini .streams-card { padding:0; border:0; border-radius:0; }
.streams-mini .streams-card:not(.streams-selected),
.streams-mini .streams-card > :not(.streams-player) { display:none; }
.streams-mini .streams-player { border-radius:0; }
.streams-collapsed .streams-list { display:none; }
.streams-panel [hidden] { display:none !important; }
@media (max-width:600px) { .streams-panel { right:8px; bottom:8px; } }