:root{--bg: #fafafa;--bg-sidebar: #f5f5f3;--bg-card: #ffffff;--bg-hover: rgba(0,0,0,.04);--bg-active: rgba(0,0,0,.08);--bg-subtle: #f7f7f5;--bg-detail: #fdfdf9;--bg-input: #ffffff;--text-1: #111111;--text-2: #333333;--text-3: #666666;--text-4: #999999;--text-5: #bbbbbb;--border: rgba(0,0,0,.08);--border-sub: rgba(0,0,0,.05);--border-str: rgba(0,0,0,.15);--border-card: rgba(0,0,0,.12);--accent: #639922;--accent-2: #8ab44a;--red: #e53935;--red-text: #d32f2f;--red-bg: #fff8f8;--orange-bg: #FFF3CD;--orange-border:#ffc107;--orange-text: #533f03;--divider: rgba(0,0,0,.08);color-scheme:light}[data-theme="dark"],@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #161616;--bg-sidebar: #111111;--bg-card: #1e1e1e;--bg-hover: rgba(255,255,255,.04);--bg-active: rgba(255,255,255,.09);--bg-subtle: #1a1a1a;--bg-detail: #181818;--bg-input: #242424;--text-1: #ececec;--text-2: #c8c8c8;--text-3: #909090;--text-4: #6a6a6a;--text-5: #505050;--border: rgba(255,255,255,.08);--border-sub: rgba(255,255,255,.04);--border-str: rgba(255,255,255,.18);--border-card: rgba(255,255,255,.09);--accent: #7bc230;--accent-2: #9ed450;--red: #f05252;--red-text: #f05252;--red-bg: rgba(240,82,82,.08);--orange-bg: rgba(255,193,7,.08);--orange-border:rgba(255,193,7,.35);--orange-text: #d4a017;--divider: rgba(255,255,255,.08);color-scheme:dark}}[data-theme=dark]{--bg: #161616;--bg-sidebar: #111111;--bg-card: #1e1e1e;--bg-hover: rgba(255,255,255,.04);--bg-active: rgba(255,255,255,.09);--bg-subtle: #1a1a1a;--bg-detail: #181818;--bg-input: #242424;--text-1: #ececec;--text-2: #c8c8c8;--text-3: #909090;--text-4: #6a6a6a;--text-5: #505050;--border: rgba(255,255,255,.08);--border-sub: rgba(255,255,255,.04);--border-str: rgba(255,255,255,.18);--border-card: rgba(255,255,255,.09);--accent: #7bc230;--accent-2: #9ed450;--red: #f05252;--red-text: #f05252;--red-bg: rgba(240,82,82,.08);--orange-bg: rgba(255,193,7,.08);--orange-border:rgba(255,193,7,.35);--orange-text: #d4a017;--divider: rgba(255,255,255,.08);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;color:var(--text-1);background:var(--bg);-webkit-font-smoothing:antialiased}.app-layout{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;overflow-y:auto;padding:24px 28px;background:var(--bg)}.sidebar{width:220px;min-width:220px;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;overflow:hidden}.sidebar-header{padding:18px 16px 14px;border-bottom:1px solid var(--border);display:flex;align-items:baseline;gap:6px}.sidebar-logo{font-size:16px}.sidebar-title{font-size:13px;font-weight:600;color:var(--text-1)}.sidebar-sub{font-size:11px;color:var(--text-3)}.sidebar-nav{flex:1;overflow-y:auto;padding:8px 0}.sidebar-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 16px;background:none;border:none;cursor:pointer;font-size:13px;color:var(--text-2);text-align:left;border-radius:0;transition:background .1s}.sidebar-item:hover{background:var(--bg-hover)}.sidebar-item.active{background:var(--bg-active);font-weight:500;color:var(--text-1)}.sidebar-master-item{cursor:pointer}.sidebar-master-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-remove-btn{background:none;border:none;cursor:pointer;color:var(--text-5);font-size:15px;line-height:1;padding:0 2px;opacity:0;transition:opacity .1s,color .1s}.sidebar-master-item:hover .sidebar-remove-btn{opacity:1}.sidebar-remove-btn:hover{color:var(--red)}.sidebar-section-label{display:flex;align-items:center;padding:10px 16px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-4)}.sidebar-section-label span{flex:1}.sidebar-add-btn{background:none;border:none;cursor:pointer;font-size:16px;color:var(--text-3);line-height:1;padding:0;transition:color .1s}.sidebar-add-btn:hover{color:var(--text-1)}.sidebar-empty{padding:8px 16px;font-size:12px;color:var(--text-5);font-style:italic}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--border)}.auto-refresh-toggle{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-3);cursor:pointer;-webkit-user-select:none;user-select:none}.auto-refresh-toggle input[type=checkbox]{cursor:pointer}.sidebar-build-info{margin-top:8px;font-size:10px;color:var(--text-5);font-family:SFMono-Regular,Consolas,monospace;letter-spacing:.02em}.theme-toggle{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.theme-toggle-btn{background:none;border:1px solid var(--border-card);border-radius:5px;cursor:pointer;font-size:14px;padding:3px 7px;color:var(--text-3);line-height:1.4;transition:background .1s,color .1s}.theme-toggle-btn:hover{background:var(--bg-hover);color:var(--text-1)}.theme-toggle-label{font-size:11px;color:var(--text-4)}.add-master-form{padding:8px 12px 12px;display:flex;flex-direction:column;gap:6px;background:var(--bg-hover);border-bottom:1px solid var(--border)}.add-master-form input{padding:5px 8px;border:1px solid var(--border-str);border-radius:4px;font-size:12px;background:var(--bg-input);color:var(--text-1);outline:none;font-family:inherit}.add-master-form input:focus{border-color:var(--text-3)}.add-master-form-actions{display:flex;gap:6px}.card{background:var(--bg-card);border:.5px solid var(--border-card);border-radius:8px;padding:16px}button{font-family:inherit}.btn-primary{background:var(--text-1);color:var(--bg-card);border:none;border-radius:5px;padding:7px 14px;font-size:13px;cursor:pointer;transition:opacity .1s}.btn-primary:hover{opacity:.8}.btn-secondary{background:var(--bg-card);color:var(--text-2);border:1px solid var(--border-card);border-radius:5px;padding:5px 10px;font-size:12px;cursor:pointer;transition:background .1s}.btn-secondary:hover{background:var(--bg-hover)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:none;border:1px solid var(--border-str);border-radius:5px;padding:5px 10px;font-size:12px;cursor:pointer;color:var(--text-3);transition:background .1s}.btn-ghost:hover{background:var(--bg-hover)}.btn-danger{background:#e539351f;color:var(--red);border:1px solid rgba(229,57,53,.3);border-radius:5px;padding:5px 10px;font-size:12px;cursor:pointer;transition:background .1s}.btn-danger:hover{background:#e5393538}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:4px 9px;font-size:12px}.badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;letter-spacing:.02em}.badge-connected{background:#6399221f;color:var(--accent)}.badge-disconnected{background:#e539351a;color:var(--red)}.badge-neutral{background:var(--bg-subtle);color:var(--text-3)}.badge-warning{background:var(--orange-bg);color:var(--orange-text)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-header h1{font-size:18px;font-weight:600}.master-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.master-card{transition:box-shadow .15s,border-color .15s}.master-card:hover{border-color:var(--border-str)}.master-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.master-card-name{font-size:14px;font-weight:600}.master-card-url{font-size:11px;color:var(--text-3);margin-bottom:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.master-card-stats{display:flex;gap:16px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:18px;font-weight:700;color:var(--text-1)}.stat-label{font-size:10px;color:var(--text-4);text-transform:uppercase;letter-spacing:.05em}.master-card-cors-hint{font-size:11px;color:var(--text-3);margin-top:8px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-3);font-size:14px;line-height:1.6}.fetch-error-state{display:flex;flex-direction:column;align-items:center;padding:80px 20px 60px;text-align:center}.fetch-error-title{font-size:16px;font-weight:600;color:var(--red-text);margin-bottom:10px}.fetch-error-msg{font-size:13px;color:var(--text-3);max-width:480px;line-height:1.7}.fetch-error-msg code{background:var(--bg-hover);padding:1px 4px;border-radius:3px;font-family:monospace;font-size:11px}.fetch-error-hint{margin-top:10px;font-size:11px;color:var(--text-4)}.master-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.master-header-info h1{font-size:18px;font-weight:600}.master-header-url{font-size:12px;color:var(--text-3)}.master-header-actions{display:flex;align-items:center;gap:10px}.loading-indicator{font-size:11px;color:var(--text-4)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:20px}.tab-btn{background:none;border:none;border-bottom:2px solid transparent;padding:8px 14px;font-size:13px;color:var(--text-3);cursor:pointer;margin-bottom:-1px;transition:color .1s,border-color .1s}.tab-btn:hover{color:var(--text-1)}.tab-btn.active{color:var(--text-1);font-weight:500;border-bottom-color:var(--text-1)}.cors-banner{background:var(--orange-bg);border:1px solid var(--orange-border);border-radius:6px;padding:10px 14px;font-size:12px;color:var(--orange-text);margin-bottom:16px;line-height:1.6}.cors-banner code{background:var(--bg-hover);padding:1px 4px;border-radius:3px;font-family:monospace;font-size:11px}.error-banner{background:var(--red-bg);border:1px solid rgba(229,57,53,.25);border-radius:6px;padding:10px 14px;font-size:12px;color:var(--red-text);margin-bottom:16px;display:flex;align-items:center}.loading-bar{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-2) 50%,var(--accent) 100%);background-size:200% 100%;animation:loading-slide 1.2s linear infinite;z-index:9999}@keyframes loading-slide{0%{background-position:100% 0}to{background-position:-100% 0}}.section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:10px}.stream-health-table{overflow:auto;padding:0}.stream-health-table table{width:100%;border-collapse:collapse;font-size:12px}.stream-health-table th{text-align:left;padding:10px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-4);border-bottom:1px solid var(--border)}.stream-health-table td{padding:9px 14px;border-bottom:1px solid var(--border-sub);vertical-align:middle}.stream-health-table tr:last-child td{border-bottom:none}.stream-health-table tr:hover td{background:var(--bg-hover)}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover,.sort-active{color:var(--text-2)}.sort-icon{font-size:10px;opacity:.5}.sort-active .sort-icon{opacity:1}.stream-id-cell{font-weight:500;color:var(--text-1)}.time-cell{color:var(--text-4);white-space:nowrap}.table-empty{padding:20px 14px;color:var(--text-5);font-size:13px;text-align:center}.mini-progress{display:flex;align-items:center;gap:6px;white-space:nowrap}.mini-progress-bar{width:60px;height:4px;background:var(--border);border-radius:2px;overflow:hidden;position:relative}.quality-cell{font-size:11px;color:var(--text-3);white-space:nowrap}.listeners-cell{font-size:13px;font-weight:600;color:var(--text-1);text-align:center}.traffic-cell{font-size:11px;white-space:nowrap}.streams-summary{display:flex;align-items:center;gap:0;margin-bottom:20px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px}.streams-summary-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.streams-summary-divider{width:1px;height:36px;background:var(--divider);flex-shrink:0}.streams-summary-value{font-size:32px;font-weight:700;color:var(--text-1);line-height:1}.streams-summary-rate{color:var(--accent)}.streams-summary-total{font-size:18px;font-weight:400;color:var(--text-5)}.streams-summary-alert .streams-summary-label,.streams-summary-value-alert{color:var(--red)}.streams-summary-label{font-size:10px;color:var(--text-5);text-transform:uppercase;letter-spacing:.06em}.stream-list{display:flex;flex-direction:column;gap:8px}.stream-row{padding:0;overflow:hidden}.stream-row-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.stream-row-header:hover{background:var(--bg-hover)}.stream-row-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.streams-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.streams-toolbar-right{display:flex;align-items:center;gap:12px}.streams-search{font-size:12px;padding:5px 10px;border:1px solid var(--border-str);border-radius:6px;background:var(--bg-input);color:var(--text-1);width:200px;outline:none}.streams-search:focus{border-color:var(--accent);box-shadow:0 0 0 2px #6399221f}.streams-filter{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3)}.streams-filter select{font-size:12px;padding:4px 8px;border:1px solid var(--border-str);border-radius:5px;background:var(--bg-input);color:var(--text-1);cursor:pointer}.stream-group{margin-bottom:24px}.stream-group-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);padding:0 2px 7px;margin-bottom:6px}.stream-group-count{font-weight:500;color:var(--text-5);letter-spacing:0;text-transform:none}.stream-group-table-wrap{padding:0;overflow:hidden}.stream-group-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.stream-group-table thead th{padding:8px 10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-4);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;background:var(--bg-subtle);-webkit-user-select:none;user-select:none}.stream-group-table thead th.sortable-th{cursor:pointer}.stream-group-table thead th.sortable-th:hover{color:var(--text-2)}.stream-group-table thead th.sort-active{color:var(--accent)}.stream-row-tr{cursor:pointer;transition:background .1s}.stream-row-tr:hover td{background:var(--bg-hover)}.stream-row-tr.expanded td{background:var(--bg-subtle)}.stream-row-tr td{padding:9px 14px;border-bottom:1px solid var(--border-sub);vertical-align:middle}.stream-row-tr:last-child td{border-bottom:none}.stream-row-disabled td{opacity:.45}.stream-row-disabled:hover td{opacity:.6}.stream-col-id{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-id-mono{font-family:ui-monospace,SF Mono,monospace;font-weight:600;font-size:12px;color:var(--text-1)}.stream-col-title{color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-col-state{width:120px;white-space:nowrap}.state-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:middle;position:relative;top:-1px}.dot-connected{background:var(--accent)}.dot-disconnected{background:var(--red)}.state-label-connected{color:var(--accent);font-weight:500}.state-label-disconnected{color:var(--red);font-weight:500}.stream-col-format{width:60px;color:var(--text-4);font-size:11px}.stream-col-chunk{width:90px;color:var(--text-4);font-size:11px;white-space:nowrap}.stream-col-quality{width:80px;color:var(--text-3);font-size:11px;white-space:nowrap}.stream-col-listeners{width:60px;font-size:12px;font-weight:600;color:var(--text-1);text-align:center}.stream-col-traffic{width:90px;font-size:11px;white-space:nowrap}.stream-traffic-rate{color:var(--accent);font-weight:600}.stream-traffic-unit{font-weight:400;color:var(--accent-2)}.stream-col-chevron{width:24px;color:var(--text-5);font-size:10px;text-align:right}.stream-detail-tr td{padding:0;background:var(--bg-detail);border-bottom:1px solid var(--border)}.stream-detail-inner{padding:14px 16px;display:flex;flex-direction:column;gap:14px}.stream-row-id{font-weight:600;color:var(--text-1);font-size:13px;font-family:ui-monospace,SF Mono,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-row-title{font-size:12px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-row-format{font-size:11px;color:var(--text-4)}.stream-row-meta{display:flex;align-items:center;gap:12px;flex-shrink:0}.stream-row-time{font-size:11px;color:var(--text-4)}.expand-chevron{font-size:10px;color:var(--text-5)}.stream-row-detail{border-top:1px solid var(--border);padding:14px 16px;background:var(--bg-detail);display:flex;flex-direction:column;gap:14px}.detail-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-4);margin-bottom:6px}.detail-empty{font-size:12px;color:var(--text-5)}.progress-bar-wrap{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:6px}.progress-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s}.rewind-stats{display:flex;gap:14px;font-size:11px;color:var(--text-3)}.vitals-grid{display:flex;gap:14px;font-size:12px;color:var(--text-3)}.sources-list{display:flex;flex-direction:column;gap:8px}.source-row{background:var(--bg-card);border:.5px solid var(--border-card);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.source-row-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.source-id{font-weight:500;font-size:12px}.source-type{font-size:11px;color:var(--text-4);background:var(--bg-subtle);padding:1px 5px;border-radius:3px}.source-priority{font-size:11px;color:var(--text-5)}.source-row-url{font-size:11px;color:var(--text-3);font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-row-times{display:flex;gap:12px;font-size:11px;color:var(--text-5)}.slaves-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.slave-card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.slave-id{font-weight:600;font-size:13px}.slave-uptime{font-size:11px;color:var(--text-4)}.slave-primary-stats{display:flex;align-items:center;gap:0;margin-bottom:8px;padding-bottom:12px;border-bottom:1px solid var(--border)}.slave-primary-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.slave-primary-divider{width:1px;height:36px;background:var(--divider);flex-shrink:0}.slave-primary-value{font-size:28px;font-weight:700;color:var(--text-1);line-height:1}.slave-throughput-value{color:var(--accent)}.slave-primary-label{font-size:10px;color:var(--text-5);text-transform:uppercase;letter-spacing:.06em}.slave-secondary-stats{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-4);margin-bottom:12px;flex-wrap:wrap}.slave-secondary-dot{color:var(--text-5)}.slave-streams{margin-bottom:4px}.slave-stream-row{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid var(--border-sub);font-size:12px}.slave-stream-row:last-child{border-bottom:none}.slave-stream-id{flex:1;color:var(--text-2);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slave-stream-listeners{color:var(--text-3);flex-shrink:0;font-size:11px}.slave-stream-sent{color:var(--text-5);flex-shrink:0;font-size:11px}.slave-stream-rate{color:var(--accent);flex-shrink:0;font-size:11px;font-weight:600}.slave-stat-breakdown{font-size:9px;color:var(--text-4);text-transform:uppercase;letter-spacing:.03em;margin-top:1px}.slave-stream-listeners-breakdown{color:var(--text-5);font-size:10px}.slave-config-section{margin-top:12px;border-top:1px solid var(--border);padding-top:8px}.slave-config-toggle{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;cursor:pointer;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-4);padding:2px 0;text-align:left}.slave-config-toggle:hover{color:var(--text-2)}.slave-config-meta{font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-5);flex:1}.slave-config-json{margin-top:8px;font-family:SFMono-Regular,Consolas,monospace;font-size:10.5px;line-height:1.5;color:var(--text-2);background:var(--bg-subtle);border-radius:5px;padding:10px 12px;overflow:auto;max-height:300px;white-space:pre}.config-meta{margin-bottom:0}.config-meta-row{display:flex;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--border-sub);font-size:13px}.config-meta-row:last-child{border-bottom:none}.config-meta-label{width:70px;font-size:11px;font-weight:600;color:var(--text-4);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.config-api-key{font-family:monospace;font-size:12px;color:var(--text-3)}.config-json-wrap{padding:0;overflow:auto;max-height:60vh}.config-json{padding:16px;font-family:SFMono-Regular,Consolas,monospace;font-size:11.5px;line-height:1.6;color:var(--text-2);white-space:pre;overflow:auto}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000;animation:overlay-in .1s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;padding:24px 28px;width:100%;max-width:360px;box-shadow:0 8px 32px #00000047;animation:dialog-in .12s ease}@keyframes dialog-in{0%{opacity:0;transform:scale(.96) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-message{font-size:13px;color:var(--text-1);line-height:1.6;margin-bottom:20px}.confirm-actions{display:flex;justify-content:flex-end;gap:8px}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:1000;pointer-events:none}.toast{background:var(--text-1);color:var(--bg);padding:8px 14px;border-radius:6px;font-size:12px;animation:toast-in .2s ease;pointer-events:auto}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stream-editor{padding:0;min-height:calc(100vh - 60px);display:flex;flex-direction:column}.editor-breadcrumb{padding:10px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;background:var(--bg-card)}.editor-breadcrumb-back{color:var(--text-3);font-size:12px;cursor:pointer;background:none;border:none;padding:0}.editor-breadcrumb-back:hover{color:var(--text-1)}.editor-breadcrumb-sep{color:var(--text-5);font-size:12px}.editor-breadcrumb-title{color:var(--accent);font-size:12px;font-weight:600}.editor-breadcrumb-actions{margin-left:auto;display:flex;gap:8px}.editor-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 20px;background:var(--bg-card)}.editor-tab-btn{padding:10px 16px;font-size:12px;color:var(--text-3);border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px;background:none;border-top:none;border-left:none;border-right:none;font-family:inherit}.editor-tab-btn:hover{color:var(--text-1)}.editor-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.editor-tab-content{padding:20px;flex:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:600px}.form-grid.narrow{max-width:580px}.form-field-full{grid-column:span 2}.form-label{color:var(--text-3);font-size:11px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}.form-hint{color:var(--text-4);font-size:10px;margin-top:3px}.form-input{background:var(--bg-input);border:1px solid var(--border-str);border-radius:4px;padding:6px 9px;color:var(--text-1);font-size:13px;width:100%;box-sizing:border-box;font-family:inherit}.form-input:focus{outline:none;border-color:var(--accent)}.form-input:disabled{opacity:.45;cursor:not-allowed}.form-select{background:var(--bg-input);border:1px solid var(--border-str);border-radius:4px;padding:6px 9px;color:var(--text-1);font-size:13px;width:100%;box-sizing:border-box;font-family:inherit}.form-select:disabled{opacity:.45;cursor:not-allowed}.toggle-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-subtle);border-radius:6px;border:1px solid var(--border)}.toggle-row-label{color:var(--text-1);font-size:13px}.toggle-row-hint{color:var(--text-3);font-size:11px;margin-top:2px}.toggle-switch{display:inline-flex;align-items:center;width:36px;height:20px;border-radius:10px;border:1px solid var(--border-str);cursor:pointer;position:relative;flex-shrink:0;background:var(--bg-input);transition:background .15s,border-color .15s}.toggle-switch.on{background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:var(--accent)}.toggle-switch .knob{width:14px;height:14px;border-radius:50%;position:absolute;left:2px;background:var(--text-4);transition:transform .15s,background .15s}.toggle-switch.on .knob{transform:translate(16px);background:var(--accent)}.section-dimmed{opacity:.35;pointer-events:none}.source-card{background:var(--bg-subtle);border:1px solid var(--border);border-radius:6px;padding:14px;margin-bottom:10px}.source-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.source-card-meta{display:flex;align-items:center;gap:8px}.source-dot-on{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.source-dot-off{width:8px;height:8px;border-radius:50%;background:var(--text-4);flex-shrink:0}.source-card-id{color:var(--text-1);font-size:13px;font-weight:600}.source-priority-badge{background:var(--bg-card);color:var(--text-3);font-size:10px;padding:2px 8px;border-radius:10px;border:1px solid var(--border)}.source-card-actions{display:flex;align-items:center;gap:8px}.source-card-fields{display:grid;grid-template-columns:1fr 160px 80px;gap:10px;align-items:end}.editor-sources-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.editor-sources-count{color:var(--text-3);font-size:12px}.editor-error{background:var(--red-bg);border:1px solid var(--red);border-radius:6px;padding:10px 14px;color:var(--red-text);font-size:13px;margin-bottom:14px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:40px;width:100%;max-width:380px}.login-logo{font-size:20px;font-weight:700;text-align:center;margin-bottom:28px;color:var(--text-1)}.login-form{display:flex;flex-direction:column;gap:16px}.login-submit{width:100%;margin-top:8px}.sidebar-master-url{font-size:10px;color:var(--text-3);word-break:break-all;margin:8px 0 4px}.tc-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:2px 7px;border-radius:4px;background:#64a0ff1a;color:#82aaff;border:1px solid rgba(100,160,255,.22);cursor:pointer;transition:background .1s}.tc-badge:hover{background:#64a0ff2e}.tc-badge-warn{background:#ffb74d1a;color:#ffb74d;border-color:#ffb74d47}.tc-badge-warn:hover{background:#ffb74d2e}.tc-badge-inactive{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:2px 7px;border-radius:4px;background:#64646414;color:#666;border:1px solid rgba(100,100,100,.2)}.tc-dot{width:5px;height:5px;border-radius:50%;background:#4caf50;flex-shrink:0}.tc-dot-warn{background:#ffb74d}.tc-dot-off{background:#555}.tc-panel{margin-top:6px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:6px;padding:10px 12px}.tc-panel-header{font-size:9px;color:var(--text-4);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.tc-format-row{display:flex;align-items:center;gap:6px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.tc-fmt-chip{font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px;background:var(--surface);color:var(--text-2);border:1px solid var(--border)}.tc-arrow{color:var(--text-4);font-size:13px}.tc-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.tc-stat{display:flex;flex-direction:column;gap:1px}.tc-stat-label{font-size:9px;color:var(--text-4);text-transform:uppercase;letter-spacing:.05em}.tc-stat-value{font-size:12px;font-weight:600;color:var(--text-1)}.tc-val-ok{color:#66bb6a}.tc-val-warn{color:#ffb74d}.tc-val-err{color:#ef5350}.tc-errors{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.tc-error-row{display:flex;gap:6px;font-size:10px;margin-bottom:2px;align-items:flex-start}.tc-error-time{color:var(--text-4);flex-shrink:0}.tc-error-msg{color:var(--text-2);word-break:break-word}.tc-logs-header{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px solid var(--border);font-size:10px;color:var(--text-4);text-transform:uppercase;letter-spacing:.05em}.tc-refresh-btn{font-size:10px;padding:2px 6px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-2);cursor:pointer}.tc-refresh-btn:hover{background:var(--surface)}.tc-logs-empty{font-size:10px;color:var(--text-4);margin-top:6px}