/* Primitive sizes mirror the established Studio controls; no palette change. */
:root{--raw-space-video-small:.75rem;--raw-space-video-medium:1rem;--raw-space-video-large:1.5rem;--raw-size-video-input:6rem;--raw-size-video-output:60vh;--raw-size-video-touch:2.75rem;--raw-size-video-full:100%;--raw-size-video-border:1px;--raw-radius-video-control:.5rem;--control-gap:var(--raw-space-video-small);--panel-margin:var(--raw-space-video-medium);--panel-padding:var(--raw-space-video-large);--input-minimum:var(--raw-size-video-input);--preview-maximum:var(--raw-size-video-output);--touch-minimum:var(--raw-size-video-touch);--content-width:var(--raw-size-video-full);--control-border:var(--raw-size-video-border);--control-radius:var(--raw-radius-video-control)}
.video-live-panel{--color-video-border:var(--border-strong);--color-video-surface:var(--bg-surface);--color-video-input:var(--bg-subtle);--spacing-panel-padding:var(--panel-padding);--spacing-control-gap:var(--control-gap);--spacing-panel-margin:var(--panel-margin);--size-input-minimum:var(--input-minimum);--size-preview-maximum:var(--preview-maximum);--size-touch-minimum:var(--touch-minimum);--size-content-width:var(--content-width);--size-control-border:var(--control-border);--radius-video-control:var(--control-radius);box-sizing:border-box;width:var(--size-content-width);padding:var(--spacing-panel-padding);background:var(--color-video-surface);color:inherit;border:var(--size-control-border) solid var(--color-video-border);border-radius:var(--radius-video-control);margin-block:var(--spacing-panel-margin);max-width:var(--size-content-width)}
.video-live-panel form{display:grid;gap:var(--spacing-control-gap)}
.video-live-panel textarea{min-height:var(--size-input-minimum)}
.video-live-panel textarea,.video-live-panel select,.video-live-panel input,.video-live-panel button{box-sizing:border-box;max-width:var(--size-content-width);min-width:0;min-height:var(--size-touch-minimum);font:inherit;padding:var(--spacing-control-gap);background:var(--color-video-input);color:inherit;border:var(--size-control-border) solid var(--color-video-border);border-radius:var(--radius-video-control)}
.video-live-panel video{width:var(--size-content-width);max-height:var(--size-preview-maximum)}
.video-live-panel p,.video-live-panel a{overflow-wrap:anywhere}
.video-live-panel article{display:grid;gap:var(--spacing-control-gap);margin-block:var(--spacing-panel-margin)}
.video-live-panel [hidden]{display:none}

/* The legacy dock has inline display rules; hidden must still remove it visually. */
#lumaDockWrapper[hidden],#view-luma-canvas > [hidden]{display:none!important}