.live-summary { display:flex; flex-wrap:wrap; gap:18px; margin-bottom:20px; }
.live-summary > div { flex:1; min-width:130px; border:1px solid var(--border); border-radius:var(--radius); background:white; padding:16px 20px; }
.live-summary strong { display:block; font-size:25px; }
.live-toolbar { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin:16px 0; }
.live-toolbar input { width: min(300px, 100%); margin:0; }
.live-toolbar select { width:auto; max-width:220px; margin:0; }
.live-logo { width:42px; height:42px; object-fit:contain; border-radius:8px; background:var(--surface-2); flex-shrink:0; }
.live-channel { display:flex; align-items:center; gap:12px; min-width:180px; }
.live-channel small { display:block; max-width:320px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.live-actions { display:flex; gap:6px; flex-wrap:wrap; }
.live-actions .btn { padding:6px 10px; }
.live-tabs { display:flex; gap:8px; margin-bottom:16px; flex-wrap:wrap; }
.live-tabs .active { background:var(--accent); color:white; border-color:var(--accent); }
.live-check { padding:12px 16px; background:var(--accent-soft); border-radius:10px; margin-bottom:14px; }
.live-profile { padding:18px; border:1px solid var(--border); border-radius:12px; background:white; margin-bottom:14px; }
.live-profile h3 { margin:0 0 8px; }
.live-link { display:flex; gap:8px; margin:8px 0; align-items:center; flex-wrap:wrap; }
.live-link code { flex:1; min-width:180px; overflow-wrap:anywhere; font-size:12px; }
.live-dialog { border:1px solid var(--border); border-radius:18px; width:min(680px,calc(100vw - 28px)); max-height:90vh; padding:24px; color:var(--ink); box-shadow:var(--shadow); }
.live-dialog::backdrop { background:rgba(20,40,35,.35); }
.live-dialog h2 { margin:0 0 18px; }
.live-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px 18px; }
.live-form-grid label { display:block; }
.live-form-grid .wide { grid-column:1/-1; }
.live-dialog textarea { min-height:220px; font-family:var(--mono); }
.live-dialog footer { display:flex; justify-content:flex-end; gap:10px; margin-top:20px; }
.live-checkbox { display:flex!important; align-items:center; gap:8px; padding:5px 0; }
.live-checkbox input, #live-tv-root input[type=checkbox] { width:auto; margin:0; }
.live-status { display:inline-block; padding:3px 8px; border-radius:8px; background:var(--surface-2); white-space:nowrap; }
.live-status.available { color:var(--success); background:var(--accent-soft); }
.live-status.failed { color:var(--danger); background:#fff1f1; }
.live-note { font-size:13px; margin:8px 0; }
.live-preview-dialog { width:min(920px,calc(100vw - 28px)); }
.live-preview-video { display:block; width:100%; aspect-ratio:16/9; max-height:42vh; background:#10201d; border-radius:12px; }
.live-preview-status { color:var(--accent-strong); margin:12px 0 6px; }
@media(max-width:650px) { .live-form-grid { grid-template-columns:1fr; } .live-toolbar select { flex:1; } .live-dialog { padding:18px; } }