:root { --desktop-live-width: min(38vw, 560px); }
#desktop-live-panel { position: fixed; z-index: 1200; inset: 48px 0 0 auto; width: var(--desktop-live-width); padding: 16px; overflow: auto; background: var(--panel); color: var(--text); border-left: 1px solid var(--line); box-shadow: -12px 0 36px #0003; }
#desktop-live-panel header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#desktop-live-panel button { padding: 9px 12px; border: 1px solid var(--line); border-radius: 8px; color: var(--text); background: var(--panel2); }
#desktop-live-panel p { font-size: 12px; color: var(--muted); line-height: 1.5; }
#desktop-live-image { display: block; width: 100%; max-height: 65vh; object-fit: contain; background: #000; border-radius: 8px; }
#desktop-live-emergency { color: #ff7777 !important; }
body.desktop-live-open .workspace { width: calc(100% - var(--desktop-live-width)); }
body.desktop-live-open #jarvis-dialog { right: var(--desktop-live-width); }
body.desktop-live-open #jarvis-dialog .jarvis-card { width: min(650px, calc(100vw - var(--desktop-live-width) - 24px)); }
@media (max-width: 760px) {
  #desktop-live-panel { inset: 0 0 auto; width: 100%; height: 36dvh; padding: 8px 12px; }
  #desktop-live-image { width: 100%; max-height: 20dvh; }
  #desktop-live-panel p { margin: 4px 0; }
  #desktop-live-panel p:last-of-type { display: none; }
  body.desktop-live-open .workspace { width: 100%; padding-top: 36dvh; }
  body.desktop-live-open #jarvis-dialog { top: 36dvh; right: 0; }
  body.desktop-live-open #jarvis-dialog .jarvis-card { width: calc(100vw - 20px); max-height: 60dvh; }
}

body.desktop-live-open .topbar { grid-template-columns: 1fr auto auto; }