.external-live-layout{z-index:50;background:var(--color-bg);width:100vw;height:100dvh;color:var(--color-fg);flex-direction:column;display:flex;position:fixed;inset:0}.external-live-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex:none;align-items:flex-start;gap:.5rem 1rem;padding:.75rem 1rem;display:flex}.external-live-header form.external-live-form{flex-wrap:wrap;flex:200px;align-items:center;gap:.5rem;display:flex}.external-live-header>.close-button{margin-left:auto}.external-live-content{background:#000;flex:1;justify-content:center;align-items:center;min-height:0;padding:0;display:flex}.external-stream-container{flex-direction:column;width:100%;max-width:1280px;height:100%;margin:0 auto;display:flex}@media (width>=768px){.external-stream-container{flex-direction:row}}.external-stream-main{background:#000;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}@media (width>=768px){.external-stream-main{flex:7}}.external-stream-player{flex:1;min-height:0;position:relative}.external-stream-toolbar{background:var(--color-surface);border-top:1px solid var(--color-border);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.external-stream-sidebar{border-top:1px solid var(--color-border);background:#09090b;flex-direction:column;flex:none;min-width:0;height:40%;min-height:0;display:flex;overflow:auto}@media (width>=768px){.external-stream-sidebar{border-top:none;border-left:1px solid var(--color-border);flex:3;height:100%}}