/* style — Lucy realtime, and the standalone desktop build. One section of the old style.css. The pieces load in filename order and that order is the cascade, so do not rearrange them. */ /* ---- Lucy 2.5 Realtime — inline live section, top of the left column ---- */ #rtlive { margin: 8px 0 4px; width: 100%; max-width: none; } #rtlive.hidden { display: none; } .rt-vwrap { position: relative; background: #000; border: 1px solid var(--border); border-radius: 3px; overflow: hidden; width: 100%; aspect-ratio: 16/9; max-height: 40vh; } .rt-vwrap video { width: 100%; height: 100%; object-fit: contain; display: block; background: #000; } .rt-vlabel { position: absolute; top: 6px; left: 8px; z-index: 2; font-size: 9px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: #fff; background: var(--scrim); padding: 2px 6px; border-radius: 3px; } .rt-live-row { display: flex; align-items: center; gap: 10px; margin: 8px 0 6px; } .rt-status { font-size: 11px; color: var(--text-dim); } .rt-meter { margin-left: auto; font-size: 11px; font-weight: 700; color: var(--accent); } .rt-row { display: flex; gap: 8px; margin-bottom: 6px; } .rt-capturing { color: var(--red) !important; } /* ---- Standalone desktop build (no After Effects) ---- The Electron wrapper sets window.__DESKTOP__ which adds .desktop on . Hide everything that only makes sense inside AE. (:has is fine here — the desktop wrapper runs a modern Chromium; CEP never gets the .desktop class.) */ .desktop #ip-btn { display: none !important; } .desktop label.check-row:has(#opt-insert) { display: none !important; } #main { position: relative; }