.watch-mode-row{display:flex;flex-direction:row;align-items:flex-start;gap:16px;width:100%}.watch-mode-row .editor-area{flex:1 1 0;min-width:0}.watch-mode-player-column{flex:0 0 40%;min-width:320px;max-width:560px;align-self:flex-start;position:sticky;top:0;z-index:5;padding:8px 0 8px 8px;box-sizing:border-box}.watch-mode-player{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--color-surface-2, #000);border:1px solid var(--color-border, #333);border-radius:var(--radius, 8px);overflow:hidden}.watch-mode-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.watch-mode-row--stacked{flex-direction:column;flex:1 1 auto;gap:0;height:100%;min-height:0;overflow:hidden}.watch-mode-row--stacked .watch-mode-player-column{flex:none;width:100%;min-width:0;max-width:none;padding:8px 0;position:relative}.editor-pane-main--scrolling.watch-mode-active.watch-mode-stacked{overflow:hidden}.watch-mode-row--stacked .editor-area{flex:1 1 0;width:100%;min-height:0;overflow:hidden}.editor-pane-main--scrolling .watch-mode-row--stacked .editor-area .cm-editor{flex:1 1 0;height:100%;min-height:0}.watch-mode-row--stacked .editor-area .cm-scroller{overflow:auto;overscroll-behavior:contain}.watch-mode-toggle{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border:1px solid transparent;border-radius:var(--radius, 8px);background:none;color:var(--color-text-muted, #888);font-size:13px;cursor:pointer;flex-shrink:0}.watch-mode-toggle:hover{border-color:var(--color-border, #333);color:var(--color-text, #eaeaea)}.watch-mode-toggle.active{border-color:var(--color-accent, #e94560);color:var(--color-accent, #e94560)}.cm-watch-follow-line{background:color-mix(in srgb,var(--color-accent, #e94560) 12%,transparent);box-shadow:inset 3px 0 0 0 var(--color-accent, #e94560)}.watch-mode-controls{display:flex;align-items:center;gap:8px;margin-top:8px}.watch-mode-follow-toggle{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border:1px solid var(--color-border, #333);border-radius:var(--radius, 8px);background:none;color:var(--color-text-muted, #888);font-size:12px;cursor:pointer}.watch-mode-follow-toggle:hover{color:var(--color-text, #eaeaea)}.watch-mode-follow-toggle.active{border-color:var(--color-accent, #e94560);color:var(--color-accent, #e94560)}.watch-mode-follow-pill{display:none;margin-top:8px;padding:6px 14px;border:1px solid var(--color-accent, #e94560);border-radius:999px;background:var(--color-surface-1, #1a1a2e);color:var(--color-accent, #e94560);font-size:12px;cursor:pointer;align-self:flex-start}.watch-mode-follow-pill.visible{display:inline-flex}