:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#101010;--panel:#1f1f22;--panel-soft:#2a2a2d;--text:#f4f4f7;--muted:#85858f;--border:#303036;--accent:#9b72ff;--danger:#ff4d67;--warning:#f7c948;--success:#33d17a}*{box-sizing:border-box}html,body{background:var(--background);min-height:100%;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input,select{font:inherit}.page{min-height:100vh;padding:0}.shell{width:min(1180px,100%);margin:0 auto}.header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.card{border:1px solid var(--border);background:#1f1f22f2;border-radius:18px;padding:20px;box-shadow:0 18px 50px #00000047}.card h2,.card h3{margin-top:0}.muted{color:var(--muted)}.form{gap:12px;display:grid}.field{gap:6px;display:grid}.field input{border:1px solid var(--border);width:100%;color:var(--text);background:#0e1528;border-radius:12px;padding:12px}.select{border:1px solid var(--border);width:100%;color:var(--text);background:#0e1528;border-radius:10px;padding:10px}.button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:12px 16px;font-weight:700}.button.secondary{background:var(--panel-soft)}.button.danger{background:var(--danger)}.button:disabled{cursor:not-allowed;opacity:.6}.tabs{gap:8px;margin-bottom:16px;display:flex}.tab{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:10px 14px}.tab.active{background:var(--accent);border-color:var(--accent)}.status{align-items:center;gap:12px;font-size:22px;font-weight:800;display:flex}.lamp{border-radius:999px;width:18px;height:18px;display:inline-block}.lamp.red{background:var(--danger);box-shadow:0 0 18px #ff5c7acc}.lamp.yellow{background:var(--warning);box-shadow:0 0 18px #f7c948cc}.lamp.green{background:var(--success);box-shadow:0 0 18px #33d17acc}.metric{border:1px solid var(--border);background:#0e1528;border-radius:14px;padding:14px}.metric strong{margin-top:6px;font-size:22px;display:block}.alert{background:#f7c9481f;border:1px solid #f7c94852;border-radius:12px;padding:12px}.error{background:#ff5c7a1f;border:1px solid #ff5c7a52;border-radius:12px;padding:12px}.preview{background:#000;border-radius:0;width:100%;max-height:430px}.preview-shell{background:#000;position:relative}.brand-mark{color:#fff;background:linear-gradient(135deg,#7f5bff,#c48cff);border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.avatar{color:#fff;background:#607684;border-radius:999px;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.broadcast-shell{width:min(1280px,100% - 48px);margin:0 auto;padding:22px 0 36px}.broadcast-topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff09;border:1px solid #ffffff14;border-radius:22px;justify-content:space-between;align-items:center;gap:18px;min-height:64px;margin-bottom:22px;padding:12px 16px;display:flex}.broadcast-brand,.broadcast-user,.broadcast-status-pill{align-items:center;gap:10px;display:flex}.broadcast-brand{font-size:18px;font-weight:800}.broadcast-status-pill{background:#ffffff0b;border:1px solid #ffffff14;border-radius:999px;padding:10px 14px;font-weight:800}.broadcast-user small{color:var(--muted);margin-top:2px;display:block}.broadcast-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:20px;display:grid}.broadcast-main{min-width:0}.broadcast-preview-card,.obs-compact-card,.broadcast-metric-card,.channels-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff09;border:1px solid #ffffff14;box-shadow:0 18px 50px #0000003d}.broadcast-preview-card{border-radius:26px;overflow:hidden}.broadcast-preview-header{justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.broadcast-preview-header h1{margin:4px 0 0;font-size:24px}.broadcast-title-row,.title-editor{align-items:center;gap:10px;margin-top:4px;display:flex}.broadcast-title-row h1{margin:0}.title-editor input{min-width:min(420px,60vw);color:var(--text);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:10px 12px;font-size:20px;font-weight:800}.icon-button{width:34px;height:34px;color:var(--text);cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:10px;place-items:center;font-weight:900;display:inline-grid}.icon-button:hover{background:#8b5cf629;border-color:#8b5cf68c}.icon-button:disabled{cursor:not-allowed;opacity:.6}.title-error{color:var(--danger);margin-top:8px;display:block}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.transport-chip{color:#c4b5fd;background:#8b5cf629;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.broadcast-preview{background:radial-gradient(circle,#8b5cf633,#0000 34%),linear-gradient(145deg,#3b82f61f,#8b5cf614),#0a0d14;place-items:center;min-height:430px;display:grid}.broadcast-preview.on-air{background:#000;min-height:0;display:block}.broadcast-preview>div{width:100%}.broadcast-preview .muted{padding:0 16px;font-size:12px}.broadcast-empty{text-align:center;width:min(460px,100% - 36px)}.empty-orb{background:linear-gradient(135deg,#8b5cf6e6,#3b82f6e6);border-radius:999px;place-items:center;width:86px;height:86px;margin:0 auto 18px;font-weight:900;display:grid;box-shadow:0 0 45px #8b5cf659}.broadcast-empty h2{margin:0 0 8px;font-size:28px}.broadcast-empty p{color:var(--muted);max-width:360px;margin:0 auto 20px}.quick-steps{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.quick-steps span{color:#d8d8e2;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800}.broadcast-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.broadcast-metric-card{border-radius:18px;padding:16px}.broadcast-metric-card span,.obs-compact-card span{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.broadcast-metric-card strong,.obs-compact-card strong{overflow-wrap:anywhere}.obs-compact-card{border-radius:22px;gap:10px;margin-top:16px;padding:16px;display:grid}.obs-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.obs-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.obs-compact-card small{color:var(--muted)}.profile-page{gap:16px;max-width:920px;display:grid}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0;display:grid}.destination-profile-list{gap:10px;margin:12px 0 4px;display:grid}.destination-profile-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.destination-profile-row strong{display:block}.destination-profile-row small{color:var(--muted)}.destination-profile-form{margin-top:16px}.toggle-row{align-items:center;gap:10px;margin:12px 0;display:flex}.telegram-bot-link-row{margin:8px 0 12px}.telegram-bot-link{color:#3ea6ff;font-weight:600;text-decoration:underline}a.button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.client-log-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff09;border:1px solid #ffffff14;border-radius:22px;margin-top:16px;padding:16px}.client-log-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.client-log-header h3{margin:4px 0 0}.channels-panel{border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.channels-tabs{border-bottom:1px solid #2c2c31;grid-template-columns:1fr 1fr;display:grid}.channel-tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:16px;font-weight:800}.channel-tab.active{color:#fff;border-bottom-color:var(--accent)}.channel-search{color:var(--muted);background:#181819;border-radius:8px;margin:14px 18px;padding:13px 14px}.channels-toolbar{color:#fff;justify-content:space-between;align-items:center;margin:0 18px 14px;display:flex}.channels-toolbar span{background:#2a2a2d;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:800}.channels-toolbar strong{color:var(--muted);font-size:12px}.settings-row{grid-template-columns:140px 1fr 1fr;align-items:center;gap:10px;margin-bottom:10px;display:grid}.platform-row{background:#181819;border:1px solid #34343a;border-radius:10px;grid-template-columns:1fr;gap:9px;margin:0 18px 10px;padding:12px;display:grid}.platform-row.live{border-color:#33d17a8c;box-shadow:0 0 18px #33d17a1f}.platform-row.reconnecting{border-color:#f7c9488c}.platform-row input{width:100%;color:var(--text);background:#111112;border:1px solid #303036;border-radius:8px;padding:10px;font-size:12px}.platform-state{align-items:center;gap:10px;display:flex}.platform-state small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.platform-metrics{color:var(--muted);gap:4px;font-size:12px;display:grid}.platform-metrics span{display:block}.platform-next-restart{color:var(--warning)!important}.platform-reason{color:#ffb4c0!important}.platform-live-dot{background:#55617a;border-radius:999px;width:14px;height:14px;display:inline-block}.platform-live-dot.gray{background:#55617a}.platform-live-dot.enabled,.platform-live-dot.yellow{background:var(--warning);box-shadow:0 0 16px #f7c9488c}.platform-live-dot.live{background:var(--danger);box-shadow:0 0 18px #ff5c7ae6}.platform-live-dot.green{background:var(--success);box-shadow:0 0 18px #33d17ab8}.platform-live-dot.red{background:var(--danger);box-shadow:0 0 18px #ff5c7ae6}.channel-footnote{margin:auto 18px 18px;font-size:12px}.table-wrap{width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:760px}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px}.table th{color:var(--muted);font-weight:700}.actions{flex-wrap:wrap;gap:8px;display:flex}.log{white-space:pre-wrap;border:1px solid var(--border);color:#c7d2fe;background:#060913;border-radius:12px;max-height:280px;padding:12px;font-size:12px;overflow:auto}@media (max-width:780px){.page{padding:0}.header{flex-direction:column;align-items:flex-start}.settings-row,.platform-row{grid-template-columns:1fr}}@media (max-width:1120px){.broadcast-layout{grid-template-columns:1fr}.channels-panel{min-height:0}}@media (max-width:780px){.broadcast-shell{width:min(100% - 28px,1280px);padding-top:14px}.broadcast-topbar,.broadcast-user{flex-direction:column;align-items:flex-start}.broadcast-status-pill{width:100%}.broadcast-metrics{grid-template-columns:1fr 1fr}.broadcast-preview{min-height:340px}.obs-row{grid-template-columns:1fr}.obs-actions{justify-content:flex-start}}