:root{color:#071633;background:transparent;font-family:Segoe UI Variable,Segoe UI,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;height:100vh;overflow:hidden;background:transparent}button,input,select,textarea{font:inherit}button{border-radius:10px;cursor:pointer}.app{width:100%;height:100vh;margin:0;border-radius:14px;background:#fbfcff;box-shadow:0 18px 60px #10274d24;overflow:hidden}.app.maximized{border-radius:0;box-shadow:none}.titlebar{position:relative;display:flex;align-items:center;height:78px;gap:16px;padding:0 34px;border-bottom:1px solid #dce3ee;background:linear-gradient(180deg,#fff,#f8faff);color:#071633}.brand{display:flex;align-items:center;gap:10px}.brand img{width:42px;height:42px;border-radius:9px}.brand strong{font-size:18px;font-weight:700}.brand span{display:none}.window-controls{position:absolute;top:0;right:0;display:flex;height:32px}.window-controls button{display:grid;width:46px;height:32px;place-items:center;border:0;border-radius:0;background:transparent;color:#263755;padding:0}.window-controls button:hover{background:#e8edf5}.window-controls .close:hover{background:#c42b1c;color:#fff}.view-switch{position:absolute;left:50%;display:grid;width:430px;height:50px;grid-template-columns:repeat(3,1fr);transform:translate(-50%);border:1px solid #d6ddea;border-radius:26px;background:linear-gradient(180deg,#f8faff,#edf1f8);padding:3px;box-shadow:inset 0 1px 3px #253b5c10,0 4px 14px #1b39641a}.view-switch button{border:0;border-radius:22px;background:transparent;color:#4d5970;font-size:14px}.view-switch button.active{background:linear-gradient(180deg,#fff,#f8faff);color:#071b4e;box-shadow:0 4px 14px #27436b24;font-weight:650}.app-menu{position:absolute;top:34px;right:12px;margin:0}.app-menu-button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:8px;background:transparent;color:#263755;padding:0}.app-menu-button:hover,.app-menu-button[aria-expanded=true]{background:#edf2f9}.menu-popover{position:absolute;z-index:20;top:42px;right:0;display:grid;width:248px;max-width:calc(100vw - 16px);border:1px solid #d6deea;border-radius:9px;background:#fff;box-shadow:0 12px 34px #24436b24;padding:6px}.menu-popover button{display:flex;min-height:36px;align-items:center;gap:10px;width:100%;border:0;border-radius:5px;background:transparent;color:#253047;text-align:left;padding:7px 10px;font-size:13px}.menu-popover button:hover{background:#edf5ff}.menu-popover svg{flex:0 0 auto;color:#53627a}.menu-separator{height:1px;margin:5px 7px;background:#e2e7ef}.workspace{display:grid;grid-template-columns:285px minmax(0,1fr);height:calc(100vh - 78px);min-height:0}.workspace-main{position:relative;min-width:0;min-height:0;overflow:hidden}.task-progress{position:absolute;z-index:18;right:24px;bottom:24px;display:grid;width:min(420px,calc(100% - 48px));gap:10px;border:1px solid #d5deeb;border-radius:10px;background:#fff;box-shadow:0 12px 34px #17375f2b;padding:14px 16px;color:#253047}.task-progress>div{display:flex;min-width:0;justify-content:space-between;gap:18px}.task-progress strong{flex:0 0 auto;font-size:13px}.task-progress span{color:#68758b;font-size:12px}.task-progress .task-progress-detail{display:flex;min-width:0;align-items:center;gap:5px}.task-progress-title{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.task-progress-title:not(:last-child):after{content:" ·"}.task-progress .task-progress-count{flex:0 0 auto;white-space:nowrap}.task-progress button{justify-self:end;flex:0 0 auto;min-height:28px;border:1px solid #cbd5e3;border-radius:7px;background:#f8faff;padding:0 9px;color:#33405a;font-size:11px}.task-progress progress{width:100%;height:6px;accent-color:#0a84ff}.task-progress .task-memory-warning{display:flex;align-items:flex-start;gap:7px;margin:0;border-radius:6px;background:#fff5dd;padding:8px 9px;color:#805b13;font-size:11px;line-height:1.4}.task-memory-warning svg{flex:0 0 auto;margin-top:1px}.sidebar{display:flex;min-height:0;flex-direction:column;gap:12px;border-right:1px solid #d8e0ec;background:linear-gradient(145deg,#f8faff,#edf3fc);padding:34px 14px 28px}.sidebar-heading{flex:0 0 auto;padding:0 12px;color:#65738a;font-size:11px;font-weight:650;text-transform:uppercase}.sidebar-channels{display:grid;min-height:0;flex:1 1 auto;grid-auto-rows:68px;align-content:start;gap:5px;overflow-x:hidden;overflow-y:auto;padding-right:4px;scrollbar-color:#b7c5d8 transparent;scrollbar-gutter:stable;scrollbar-width:thin}.sidebar-channels::-webkit-scrollbar{width:7px}.sidebar-channels::-webkit-scrollbar-thumb{border-radius:999px;background:#b7c5d8}.sidebar-channels::-webkit-scrollbar-track{background:transparent}.sidebar-channels button,.sidebar-settings{display:flex;width:100%;height:68px;align-items:center;gap:12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#33405a;padding:0 18px;text-align:left}.sidebar-channels button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-channels button.active,.sidebar-settings.active{border-color:#d8dfeb;border-left:3px solid #0878ff;background:linear-gradient(135deg,#fff,#f7faff);color:#14213d;box-shadow:0 6px 18px #294b7918;font-weight:650}.sidebar-channels i{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#a9b2c1}.sidebar-channels i.state-connected{background:#16af5c}.sidebar-channels i.state-connecting{background:#d69020}.sidebar-channels i.state-reconnecting,.sidebar-channels i.state-error{background:#cb4639;box-shadow:0 0 0 4px #cb463922}.sidebar-channels button.problem{border-color:#e7b4ad;background:#fff3f1;color:#9e3025}.sidebar-channels button.problem.active{border-left-color:#c63f32;background:linear-gradient(135deg,#fff8f6,#ffebe8);color:#87251d}.sidebar-channels button.problem>svg{flex:0 0 auto;margin-left:auto;color:#c63f32}.sidebar-channel-row{position:relative;min-width:0;height:68px}.sidebar-settings{flex:0 0 auto}.tabs{display:none}.tabs button{height:34px;border:1px solid transparent;border-bottom:0;background:transparent;padding:0 14px;color:#667085;font-size:13px}.tabs button.active{border-color:transparent;border-bottom:3px solid #0b6ee8;background:#fff;color:#095fc8;font-weight:650}.search{display:flex;align-items:center;border:1px solid #bdc7c2;background:#fff;padding:0 10px;height:36px}input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#253047}.primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;border:1px solid #0875e1;border-radius:11px;background:#0a84ff;color:#fff;padding:0 14px}.primary:disabled{opacity:.55;cursor:default}.channel-view{position:relative;display:flex;height:100%;min-height:0;flex-direction:column;overflow:hidden;padding:0;background:radial-gradient(circle at 52% 25%,#eaf5ff,#f7faff 22%,#fbfcff 48%)}.channel-strip{position:absolute;z-index:2;top:58px;right:40px;display:flex;width:220px;flex-direction:column;align-items:stretch;gap:10px;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}.monitor-label{display:none}.channel-select{position:relative;display:flex;width:min(295px,45vw);height:44px;align-items:center;gap:10px;border:1px solid #d7deea;border-radius:8px;background:#fff;box-shadow:0 2px 6px #1f3a5f10;padding:0 12px}.channel-select>span{width:9px;min-width:9px;height:9px;border-radius:50%;background:#aeb8b3}.channel-select>span.online{background:#13a55b}.channel-select select{height:42px;border:0;background:transparent;color:#24324a;padding:0;font-size:15px;font-weight:650}.channel-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;gap:4px;min-width:0}.channel-picker button{display:flex;align-items:center;gap:7px;height:34px;border:1px solid #d4dbe6;border-radius:4px;background:#fff;color:#596579;padding:0 12px}.channel-picker button.active{border-color:#73aef0;background:#edf6ff;color:#135fb7;font-weight:650}.channel-picker button{justify-content:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #0a84ff;outline-offset:1px}.channel-picker .online,.channel-label .online{width:7px;height:7px;border-radius:50%;background:#aeb8b3}.channel-picker .online.online,.channel-label .online.online{background:#28a36f;box-shadow:0 0 0 3px #28a36f20}.power-button{display:flex;align-items:center;justify-content:center;gap:8px;height:56px;border:1px solid #d1d9e5;border-radius:17px;background:#fff;color:#344054;padding:0 16px;box-shadow:0 2px 5px #1f3a5f0c}.power-button.running{border-color:#0564e8;background:linear-gradient(135deg,#087dff,#064ee2);color:#fff;box-shadow:0 8px 20px #086be940}.channel-strip .power-button{width:100%}.power-button.reconnecting{border-color:#d29b2f;background:#fff8e8;color:#835b08}.power-button.error-state{border-color:#c84d3e;background:#fff3f1;color:#9d3024}.recognition{display:grid;height:460px;grid-template-columns:430px minmax(390px,1fr);gap:42px;align-items:center;border:0;border-radius:0;background:transparent;box-shadow:none;padding:38px 250px 55px 62px}.recognition.visualization-disabled{grid-template-columns:minmax(300px,1fr)}.recognition-copy{display:grid;gap:4px;min-width:0}.recognition-copy{transform:translateY(-36px)}.recognition-copy span{color:#65756e;font-size:12px;text-transform:uppercase;font-weight:700}.recognition-copy .connected-label{color:#12a952;font-size:15px;text-transform:none}.recognition-copy .status-dot{color:currentColor;font-style:normal}.recognition-copy strong{overflow:visible;white-space:normal;color:#071633;font-size:48px;line-height:1.08;font-weight:720}.recognition-copy small{color:#66766f}.timeline{display:grid;gap:2px;width:min(620px,100%);margin-top:7px}.timeline progress{width:100%;height:7px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;background:#d9dde5;overflow:hidden}.timeline progress::-webkit-progress-bar{border-radius:999px;background:#d9dde5}.timeline progress::-webkit-progress-value{border-radius:999px;background:#18b75f;transition:background-color .25s ease}.timeline progress::-moz-progress-bar{border-radius:999px;background:#18b75f;transition:background-color .25s ease}.recognition.has-match:not(.match-confirmed) .timeline progress{background:#d9dde5}.recognition.has-match:not(.match-confirmed) .timeline progress::-webkit-progress-bar{background:#d9dde5}.recognition.has-match:not(.match-confirmed) .timeline progress::-webkit-progress-value{background:#626966}.recognition.has-match:not(.match-confirmed) .timeline progress::-moz-progress-bar{background:#626966}.timeline div{display:flex;justify-content:space-between;color:#667085;font-size:10px}.audio-advice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px;padding:4px 2px;color:#58708c}.audio-advice .advice-link{display:grid;min-width:0;gap:1px;border:0;border-radius:0;background:transparent;color:#315f94;padding:0;text-align:left}.audio-advice .advice-link strong{font-size:11px;font-weight:650}.audio-advice .advice-link span{color:#6d7f94;font-size:10px}.audio-advice .advice-link:hover strong{color:#075fbe;text-decoration:underline}.audio-advice .dismiss-advice{display:grid;width:22px;height:22px;place-items:center;border:0;border-radius:5px;background:transparent;color:#7b8b9e;padding:0}.audio-advice .dismiss-advice:hover{background:#e7eef7;color:#405977}.waveform{position:relative;display:flex;width:320px;height:320px;align-items:center;justify-content:center;gap:4px;justify-self:center;padding:0;overflow:visible}.waveform:before,.waveform:after{position:absolute;top:50%;left:50%;width:320px;height:320px;border:1px dotted #aad4e9;border-radius:50%;box-shadow:0 0 90px #43b6ed1e,inset 0 0 45px #51d9bd10;content:"";pointer-events:none;transform:translate(-50%,-50%)}.waveform:after{width:235px;height:235px}.spectrum-column{position:relative;z-index:1;width:2px;height:118px;flex:0 0 2px}.spectrum-level{position:absolute;top:50%;left:0;width:2px;max-height:118px;border-radius:2px;background:linear-gradient(180deg,#0fc66d,#0a7dff);transform:translateY(-50%)}.spectrum-peak{position:absolute;left:-1px;width:4px;height:2px;border-radius:2px;background:#0a7dff;opacity:0}.spectrum-peak.visible{opacity:.9}.recognition.has-match .waveform:before{border:8px solid #cdebdc;border-top-color:#14b85c;border-right-color:#14b85c}.meters-panel{position:absolute;z-index:2;top:330px;left:62px;display:flex;gap:78px;border:0;background:transparent;box-shadow:none;padding:0}.meter-row{display:grid;justify-items:center;gap:10px;color:#596961;font-size:12px}.meter-ring{display:grid;width:80px;height:80px;place-items:center;border-radius:50%;background:radial-gradient(circle at center,#fbfcff 57%,transparent 59%),conic-gradient(#18b75f var(--meter),#d9dde5 0)}.meter-ring strong{color:#18243c;font-size:20px;font-weight:500}.error{margin:0;color:#a33c2f;font-size:12px}.lower-grid{display:grid;grid-template-columns:52.3% 47.7%;min-height:0;flex:1;gap:0;margin:0;border-top:1px solid #d8e0eb;background:#fff}.pane{display:flex;min-height:0;flex-direction:column;border:0;border-right:1px solid #dde3ec;border-radius:0;background:#fff;box-shadow:none;overflow:hidden}.pane-head{display:flex;align-items:center;justify-content:space-between;min-height:72px;border-bottom:1px solid #e3e8ef;background:#fff;padding:0 38px;color:#344054}.pane-head>div{display:flex;align-items:center;gap:8px}.pane-head>span{color:#718078;font-size:11px}.count{display:grid;min-width:22px;height:20px;place-items:center;border-radius:5px;background:#e5f2ff;color:#1769d2;font-size:11px;font-weight:700}.library-preview-label{color:#748096;font-size:10px;font-weight:500;white-space:nowrap}.pane-actions{display:flex;gap:4px!important}.pane-actions button{display:grid;width:38px;height:38px;place-items:center;border:1px solid #d7dfea;border-radius:11px;background:linear-gradient(180deg,#fff,#f8faff);color:#405049;box-shadow:0 2px 6px #1f3a5f0d}.history-list,.track-list{min-height:0;flex:1;overflow:auto}.history-row,.track-row,.fingerprint-row,.fingerprint-head{display:grid;align-items:center;border-bottom:1px solid #e4e9e6}.history-row{position:relative;grid-template-columns:92px 1fr;min-height:55px;padding:7px 28px}.history-row time{color:#73817b;font-size:11px}.history-row div,.track-row div{display:grid;min-width:0;gap:2px}.history-row>div{padding-left:20px}.history-row:before{position:absolute;top:0;bottom:0;left:120px;width:2px;content:"";background:#e1e6ef}.history-row:after{position:absolute;top:50%;left:115px;width:8px;height:8px;content:"";transform:translateY(-50%);border:2px solid #7d8ba2;border-radius:50%;background:#fff}.history-row.live{cursor:pointer}.history-row.live:hover,.history-row.live:focus-visible{background:#f1faf5;outline:2px solid #7bc69c;outline-offset:-2px}.history-row.live:after{border-color:#119a54;background:#1abc65;box-shadow:0 0 0 4px #1abc6520}.history-row strong,.track-row strong{font-size:13px;font-weight:620}.history-row strong{display:flex;min-width:0;align-items:center;gap:7px}.live-badge{flex:0 0 auto;border-radius:999px;background:#dff7e9;padding:2px 6px;color:#087b42;font-size:8px;font-weight:800;letter-spacing:.06em}.history-row span,.track-row span{overflow:hidden;color:#718078;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.search{margin:9px;gap:7px;height:32px}.track-row{grid-template-columns:minmax(0,1fr) auto;width:100%;min-height:52px;border-width:0 0 1px;background:#fff;color:#23312b;text-align:left;padding:7px 11px}.track-row:hover,.track-row.selected{background:#edf6f2}.track-row time{color:#718078;font-size:11px}.fingerprint-row,.fingerprint-head{grid-template-columns:minmax(0,1fr) 72px;width:100%;gap:10px}.fingerprint-head{min-height:34px;padding:0 12px;color:#667085;background:#fafbfc;font-size:11px}.fingerprint-row{min-height:42px;border-width:0 0 1px;border-radius:0;background:#fff;color:#172033;padding:7px 12px;font-size:13px;text-align:left}.fingerprint-row.disabled{color:#7c8798;background:#f7f8fa}.fingerprint-row:hover,.fingerprint-row.selected{background:#edf5ff}.fingerprint-row time{color:#667085;font-size:12px;text-align:right}.library-more{width:100%;min-height:42px;border:0;background:#f7f9fc;color:#2767ae;font-size:12px;font-weight:650}.library-more:hover{background:#edf5ff}.empty{display:grid;min-height:230px;place-items:center;padding:20px;color:#7a8882;font-size:12px;text-align:center;line-height:1.7}.information-view{position:relative;display:flex;height:calc(100% - 36px);min-height:0;flex-direction:column;margin:18px 22px;border:1px solid #d8e0eb;border-radius:8px;background:#fff;overflow:hidden}.settings-scroll{min-height:0;flex:1;overflow:auto;background:#f4f6fa;padding:12px 12px 80px}.library-view{display:flex;height:100%;min-height:0;flex-direction:column;overflow:hidden;background:#fbfcff;padding:34px 42px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:24px}.library-toolbar>div{display:flex;align-items:center;gap:10px}.library-toolbar>div:last-child{justify-content:flex-end;flex-wrap:wrap}.library-toolbar h2{margin:0;font-size:22px;font-weight:700}.library-toolbar button{display:flex;align-items:center;gap:7px;height:40px;border:1px solid #d4dce8;border-radius:11px;background:#fff;padding:0 12px}.library-search{width:min(240px,24vw);height:40px;border:1px solid #d4dce8;border-radius:11px;background:#fff;padding:0 12px;color:#24324a}.library-table{display:flex;min-height:0;flex:1;flex-direction:column;border:1px solid #dce3ed;border-radius:8px;background:#fff;overflow:hidden}.library-table>.fingerprint-head{flex:0 0 34px}.library-table>.empty{flex:1}.library-list{min-height:0;flex:1;overflow:auto}.library-list-spacer{position:relative;width:100%}.library-list-spacer .fingerprint-row{position:absolute;top:0;left:0;height:42px}.library-list-spacer .fingerprint-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-view{display:flex;height:100%;min-height:0;flex-direction:column;overflow:hidden;background:#f8faff;padding:34px 42px}.activity-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.activity-toolbar>div{display:flex;align-items:center;gap:10px}.activity-toolbar h2{margin:0;font-size:22px;font-weight:700}.activity-toolbar button{display:flex;height:40px;align-items:center;gap:7px;border:1px solid #d4dce8;border-radius:11px;background:#fff;padding:0 12px}.activity-toolbar .activity-switch{display:grid;width:max-content;min-width:340px;grid-template-columns:repeat(2,minmax(max-content,1fr));gap:3px;margin-left:auto;border:1px solid #d4dce8;border-radius:10px;background:#eef2f7;padding:3px}.activity-toolbar .activity-switch button{min-width:0;height:32px;justify-content:center;border:0;border-radius:7px;background:transparent;color:#667085;white-space:nowrap}.activity-toolbar .activity-switch button.active{background:#fff;color:#172033;box-shadow:0 1px 4px #17203318;font-weight:650}.activity-toolbar .activity-export{width:max-content;min-width:max-content;flex:0 0 auto;height:42px;margin-left:auto;padding:0 16px;white-space:nowrap}.activity-toolbar .activity-publish{height:32px;margin-left:4px;border-color:#cbd8e7;border-radius:8px;color:#315f91}.activity-toolbar .activity-publish.published{border-color:#9ccdb8;background:#eefaf4;color:#18794e}.activity-toolbar .activity-publish.restoring{border-color:#b9c9dc;background:#f3f7fb;color:#56718f}.activity-toolbar .activity-export+.activity-switch{margin-left:0}.activity-table{min-height:0;flex:1;border:1px solid #dce3ed;border-radius:12px;background:#fff;overflow:auto}.live-overview-summary{display:flex;gap:18px;margin:0 2px 12px;color:#667085;font-size:12px}.publishing-error{margin:0;color:#a33c2f;font-size:11px}.publishing-consent{margin:10px 0 0;color:#69778d;font-size:10px;line-height:1.45}.publishing-modal{width:min(470px,calc(100vw - 32px));border-radius:12px}.publishing-modal header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.publishing-modal header h2{margin-bottom:14px}.publishing-modal .publishing-close{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;margin:-6px -6px 0 0;border:0;border-radius:7px;background:transparent;color:#667085;padding:0}.publishing-modal .publishing-close:hover{background:#eef2f7;color:#172033}.publishing-assurance{display:flex;align-items:flex-start;gap:7px;margin:-5px 0 12px;color:#376b59}.publishing-assurance>svg{flex:0 0 auto}.publishing-assurance span{display:grid;min-width:0;gap:2px}.publishing-assurance strong{font-size:11px;font-weight:650;line-height:1.3}.publishing-assurance small{color:#69778d;font-size:10px;font-weight:400;line-height:1.4}.publishing-viewers{display:flex;width:max-content;align-items:center;gap:5px;margin:0 auto 10px;border-radius:999px;background:#f1f4f8;padding:4px 9px;color:#68778b;font-size:10px;font-weight:600}.publishing-viewers.active{background:#eaf7f0;color:#24704f}.publishing-dialog-share{display:grid;justify-items:center;gap:10px}.publishing-dialog-share img{width:220px;height:220px;border:1px solid #dce3ed}.publishing-dialog-share a{width:100%;overflow:hidden;color:#316ca8;font-size:11px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.publishing-modal footer button{display:flex;align-items:center;gap:5px}.publishing-modal .stop-publishing{color:#9c3d35}.live-overview-summary span,.live-overview-summary button{display:flex;align-items:center;gap:4px}.live-overview-summary button{border:0;border-radius:7px;background:transparent;color:inherit;padding:3px 7px;font:inherit}.live-overview-summary button:hover,.live-overview-summary button:focus-visible{background:#edf2f7}.live-overview-summary strong{color:#26364d;font-size:14px}.live-overview-summary .has-problems,.live-overview-summary .has-problems strong{color:#a44236}.live-overview-summary button.has-problems{background:#fff0ed;box-shadow:inset 0 0 0 1px #e7b4ad;font-weight:650}.live-overview-controls{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.live-overview-controls input,.live-overview-controls select{height:38px;border:1px solid #d4dce8;border-radius:9px;background:#fff;color:#26364d;padding:0 11px}.live-overview-controls input{width:min(360px,45vw)}.live-overview-controls select{min-width:150px}.live-channel-table{display:flex;min-height:0;flex:1;flex-direction:column;border:1px solid #dce3ed;border-radius:10px;background:#fff;overflow:hidden}.live-channel-head,.live-channel-row{display:grid;grid-template-columns:minmax(150px,22%) minmax(260px,1fr) 90px 130px;align-items:center;gap:16px}.live-channel-head{min-height:38px;flex:0 0 38px;border-bottom:1px solid #dce3ed;background:#f7f9fc;padding:0 18px;color:#667085;font-size:10px;font-weight:700;letter-spacing:.045em;text-transform:uppercase}.live-channel-list{min-height:0;flex:1;overflow:auto}.live-channel-list>.empty{min-height:100%}.live-channel-row{width:100%;min-height:50px;border:0;border-bottom:1px solid #e7ebf1;border-radius:0;background:#fff;padding:6px 18px;color:#26364d;font-size:12px;text-align:left}.live-channel-row:hover,.live-channel-row:focus-visible{position:relative;z-index:1;background:#f2f7fd;outline:2px solid #8fc5fa;outline-offset:-2px}.live-channel-row.stopped{background:#fafbfc;color:#7b8798}.live-channel-row.problem{border-left:4px solid #c94739;background:#fff1ef;padding-left:14px;color:#8d2b22}.live-channel-row.problem:hover,.live-channel-row.problem:focus-visible{background:#ffe8e4;outline-color:#dc8176}.live-channel-name{display:flex;min-width:0;align-items:center;gap:9px}.live-channel-name strong,.live-channel-song{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-channel-name i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#a5afbd}.live-channel-name i.state-connected{background:#19a463}.live-channel-name i.state-connecting,.live-channel-name i.state-reconnecting{background:#d69020}.live-channel-name i.state-error{background:#c94c40}.live-channel-detail{display:grid;min-width:0;gap:2px}.live-channel-detail small{overflow:hidden;color:#a44236;font-size:10px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.live-channel-song{font-size:13px;font-weight:590}.live-channel-song.waiting{color:#79869a;font-size:12px;font-weight:400}.live-channel-row time,.live-channel-status{color:#667085;font-variant-numeric:tabular-nums;white-space:nowrap}.live-channel-row.problem .live-channel-status{color:#a44236}.information-view>header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #dfe5ee;background:#f7f9fd}.information-view h2{margin:0;font-size:16px}.information-view header span{color:#68758b;font-size:12px}.information-list{display:grid}.settings-panel{margin:0 0 10px;border:1px solid #d8e0eb;border-radius:8px;background:#fff;overflow:visible}.settings-panel:last-child{margin-bottom:0}.settings-panel>summary{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;padding:0 16px;background:#f7f9fc;color:#26364d;-webkit-user-select:none;user-select:none}.settings-panel>summary::-webkit-details-marker{display:none}.settings-panel>summary:hover{background:#f1f5fa}.settings-panel>summary:focus-visible{outline:2px solid #2c78c5;outline-offset:-2px}.settings-panel[open]>summary{border-bottom:1px solid #dfe5ee}.settings-disclosure{display:flex;flex:0 0 auto;align-items:center;gap:8px;color:#315f9c;font-size:11px;font-weight:650}.settings-disclosure svg{transition:transform .16s ease}.settings-hide,.settings-panel[open] .settings-show{display:none}.settings-panel[open] .settings-hide{display:inline}.settings-panel[open]>summary .settings-disclosure svg{transform:rotate(180deg)}.desktop-options{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:28px;padding:18px 20px;background:#fff}.option-group{display:grid;align-content:start;gap:11px;min-width:0}.desktop-options input[type=number]{width:80px;height:32px;border:1px solid #bdc7d4;padding:0 8px}.desktop-options input[type=checkbox]{width:15px;min-width:15px;height:15px;flex:0 0 15px;margin:0}.desktop-options .check{display:flex;align-items:center;gap:8px;min-height:22px;color:#526078;font-size:12px}.desktop-options .setting-switch{align-items:flex-start}.switch-copy{display:grid;gap:2px}.switch-copy strong{color:#44536a;font-size:12px;font-weight:500}.switch-copy small{max-width:430px;color:#7a8698;font-size:10px;line-height:1.4}.timeout{display:grid;gap:5px;color:#526078;font-size:12px}.timeout>div{display:flex;align-items:center;gap:7px}.setting-help{max-width:430px;color:#7a8698;font-size:10px;line-height:1.4}.setting-label{display:flex;min-width:0;align-items:center;gap:5px}.setting-help-control{position:relative;display:inline-flex;flex:0 0 auto}.setting-help-button{display:grid;width:20px;height:20px;place-items:center;border:0;border-radius:50%;background:transparent;color:#708096;padding:0}.setting-help-button:hover,.setting-help-button:focus-visible{background:#eaf2fb;color:#2369ad}.setting-help-tooltip{position:absolute;z-index:30;bottom:calc(100% + 5px);left:-8px;display:none;width:280px;max-width:min(280px,calc(100vw - 40px));border:1px solid #cbd6e5;border-radius:6px;background:#203149;box-shadow:0 8px 24px #17203330;padding:6px 8px;color:#fff;font-size:10px;font-weight:400;line-height:1.4;pointer-events:none;white-space:normal}.setting-help-button:hover+.setting-help-tooltip,.setting-help-button:focus-visible+.setting-help-tooltip{display:block}.setting-help-popover{position:fixed;width:min(360px,calc(100vw - 32px));border:1px solid #c8d4e3;border-radius:10px;background:#fff;box-shadow:0 18px 48px #17203338;padding:16px 42px 16px 16px;color:#26364d}.setting-help-popover::backdrop{background:#17203318}.setting-help-popover strong{font-size:13px}.setting-help-popover p{margin:7px 0 0;color:#5d6b80;font-size:12px;line-height:1.5}.setting-help-popover>button{position:absolute;top:9px;right:9px;display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:6px;background:transparent;color:#6f7c90;padding:0}.setting-help-popover>button:hover{background:#eef3f8}.log-file{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.log-file input{min-width:0;height:34px;border:1px solid #bdc7d4;padding:0 9px}.log-file button{display:flex;align-items:center;gap:6px;border:1px solid #bdc7d4;background:#fff;padding:0 10px}.folder-settings{display:grid;gap:12px;padding:18px 20px;background:#fff}.settings-paths{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:18px 28px}.settings-paths>label{display:grid;min-width:0;align-content:start;gap:5px;color:#526078;font-size:12px}.settings-paths>label>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.settings-paths>label>small{color:#7a8698;font-size:10px;line-height:1.4}.settings-paths input{min-width:0;height:34px;border:1px solid #bdc7d4;padding:0 9px}.settings-paths button{display:flex;min-width:96px;height:34px;align-items:center;justify-content:center;gap:6px;border:1px solid #bdc7d4;background:#fff;padding:0 10px;color:#315f9c}.database-settings{background:#fff}.settings-section-title{display:flex;min-width:0;align-items:center;gap:10px;color:#26364d}.settings-section-title>svg{flex:0 0 auto;color:#47709f}.settings-section-title>div{display:grid;min-width:0;gap:3px}.settings-section-title strong{font-size:13px}.settings-section-title span{overflow:hidden;color:#748096;font-size:11px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.database-settings[open]>summary+.database-last-error,.database-settings[open]>summary+.database-destination{margin-top:14px}.database-last-error{position:relative;display:grid;gap:5px;margin:0 20px 14px;border:1px solid #e2b9b2;border-left:4px solid #b64635;border-radius:7px;background:#fff5f3;padding:10px 76px 10px 12px;color:#6f2f27}.database-last-error>div{display:flex;align-items:baseline;gap:9px}.database-last-error strong{font-size:12px}.database-last-error time{color:#91645e;font-size:10px}.database-last-error p{margin:0;overflow-wrap:anywhere;font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.database-last-error button{position:absolute;top:9px;right:10px;height:27px;border:1px solid #d8aaa3;background:#fff;color:#8a3c31;padding:0 9px;font-size:11px}.database-destination{display:grid;gap:11px;margin:0 20px 14px;border:1px solid #d8e0eb;border-radius:7px;background:#fff;padding:13px}.database-destination>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.database-destination .check{display:flex;align-items:center;gap:8px;color:#26364d;font-size:12px}.database-destination button{height:31px;border:1px solid #c7d1df;background:#fff;color:#315f9c;padding:0 10px}.database-destination label{display:grid;gap:5px;color:#667085;font-size:11px}.database-destination input:not([type=checkbox]),.database-destination textarea{width:100%;min-width:0;border:1px solid #bdc7d4;background:#fff;padding:7px 9px;color:#253047;font:inherit;box-sizing:border-box}.database-destination input:not([type=checkbox]){height:34px}.database-destination input[type=checkbox]{width:15px;min-width:15px;height:15px;flex:0 0 15px;margin:0;padding:0}.database-destination textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.4}.database-fields{display:grid;gap:9px}.mysql-fields{grid-template-columns:repeat(3,minmax(120px,1fr))}.database-feedback,.database-help{color:#526078;font-size:11px}.database-feedback{margin:0;border-left:3px solid #668fc0;background:#eef5fd;padding:8px 10px}.database-help{margin:0 20px 14px}.channel-panel-actions{display:flex;min-height:48px;align-items:center;justify-content:flex-end;padding:8px 16px;border-bottom:1px solid #e1e6ee;background:#fff}.channel-panel-actions button{display:flex;align-items:center;gap:6px;height:31px;border:1px solid #c7d1df;background:#fff;color:#33405a;padding:0 9px}.information-row{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(260px,1fr) 140px 34px;align-items:end;gap:14px;padding:14px 16px;border-bottom:1px solid #e1e6ee}.information-row.highlighted{position:relative;z-index:1;background:#eef6ff;box-shadow:inset 4px 0 #1674d1;transition:background .25s ease}.channel-label{display:flex;align-items:center;gap:9px;align-self:center}.channel-label label{display:grid;width:100%;gap:5px;color:#667085;font-size:11px}.channel-label input{height:35px;border:1px solid #c7d1df;background:#fff;padding:0 8px}.channel-label small{color:#748096}.information-row label{display:grid;gap:5px;color:#667085;font-size:11px}.source-setting{display:grid;gap:7px;min-width:0}.source-setting.has-station{grid-template-columns:minmax(0,1fr) auto;align-items:end}.source-warning{grid-column:1/-1;margin:0;color:#9a5b00;font-size:11px;line-height:1.35}.audio-enhancements{display:flex;width:max-content;max-width:100%;height:30px;align-items:center;gap:6px;border:0;background:transparent;color:#315f9c;padding:0;font-size:11px}.audio-enhancements:hover{color:#0a62d0;text-decoration:underline}.station-inline{display:flex;min-height:35px;align-items:center;justify-content:flex-end;gap:7px}.station-inline .edit-station{display:flex;width:auto;gap:6px;padding:0 10px;border-color:#c7d1df;color:#355273}.station-inline button,.remove-channel{display:grid;width:34px;height:34px;place-items:center;border:1px solid #d4c3bf;background:#fff;color:#9b3f32}.remove-channel:disabled{opacity:.4;cursor:default}select{width:100%;height:35px;border:1px solid #c7d1df;background:#fff;color:#253047;padding:0 8px}.information-row dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.information-row dl div{display:grid;gap:3px}dt{color:#748096;font-size:10px;text-transform:uppercase}dd{margin:0;font-size:13px}.options{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:14px 16px;background:#f7f9fd}.options label{display:flex;align-items:center;gap:7px;font-size:12px}.options input{width:15px;height:15px}.options .primary{margin-left:auto}.settings-actions{position:absolute;z-index:5;right:0;bottom:0;left:0;display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #c9d7e9;background:#f7fafff5;box-shadow:0 -10px 28px #17375f17;padding:11px 16px 11px 20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.settings-actions>div:first-child{display:grid;gap:2px}.settings-actions strong{color:#20314e;font-size:13px}.settings-actions span{color:#68758b;font-size:11px}.settings-buttons{display:flex;align-items:center;gap:8px}.settings-buttons>button:not(.primary){height:36px;border:1px solid #c7d1df;background:#fff;color:#46546b;padding:0 13px}.settings-actions.settings-saved{min-height:50px;border-top-color:#b8dcc8;background:#f2fbf6f5}.settings-actions.settings-saved strong{color:#28734d}.database-error-snackbar{position:absolute;z-index:19;top:18px;left:22px;display:grid;width:min(460px,calc(100% - 44px));gap:8px;border:1px solid #dda89f;border-left:4px solid #b64635;border-radius:9px;background:#fff8f6;box-shadow:0 14px 38px #4219122e;padding:12px 13px;color:#6f2f27}.database-error-snackbar header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.database-error-snackbar header>div{display:grid;gap:2px}.database-error-snackbar strong{font-size:13px}.database-error-snackbar time{color:#91645e;font-size:10px}.database-error-snackbar header>button{display:grid;width:26px;height:26px;flex:0 0 26px;place-items:center;border:0;background:transparent;color:#8a3c31;padding:0}.database-error-snackbar p{max-height:90px;margin:0;overflow:auto;overflow-wrap:anywhere;font:11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.database-error-snackbar .database-error-settings{display:flex;width:max-content;height:29px;align-items:center;gap:6px;border:1px solid #d8aaa3;background:#fff;color:#8a3c31;padding:0 9px;font-size:11px}.channel-context-menu{position:fixed;z-index:100;display:grid;width:max-content;min-width:200px;max-width:calc(100vw - 16px);border:1px solid #cbd5e2;border-radius:8px;background:#fff;box-shadow:0 14px 38px #17203335;padding:5px}.channel-context-menu button{display:flex;min-height:36px;align-items:center;gap:9px;border:0;border-radius:5px;background:transparent;color:#2f4059;padding:0 10px;text-align:left;white-space:nowrap}.channel-context-menu button:hover,.channel-context-menu button:focus-visible{background:#edf5ff;color:#1767bd}@media(max-width:1050px){.workspace{grid-template-columns:180px minmax(0,1fr)}.recognition{grid-template-columns:minmax(300px,1fr);padding-right:62px}.waveform{display:none}.view-switch{width:360px}}@media(max-height:760px)and (min-width:801px){.channel-strip{top:22px}.power-button{height:44px;border-radius:13px}.recognition{height:280px;padding-top:18px;padding-bottom:28px}.recognition-copy{transform:translateY(-12px)}.recognition-copy strong{font-size:36px}.meters-panel{top:178px;gap:42px}.meter-row{gap:4px}.meter-ring{width:58px;height:58px}.meter-ring strong{font-size:15px}.pane-head{min-height:58px;padding-right:24px;padding-left:24px}}@media(max-height:760px)and (min-width:1051px){.recognition{grid-template-columns:minmax(300px,430px) 220px;gap:24px;padding-right:240px;padding-left:42px}.waveform{display:flex;width:214px;height:214px;gap:3px;transform:translate(-45px)}.waveform:before,.waveform:after{width:214px;height:214px}.waveform:after{width:158px;height:158px}.spectrum-column{width:1px;flex-basis:1px}.spectrum-level{width:1px}.spectrum-peak{width:3px;height:0;border-top:1px solid #0a7dff;border-radius:0;background:transparent}}@media(max-width:800px){.workspace{grid-template-columns:1fr}.sidebar{display:none}.setup,.lower-grid,.desktop-options,.settings-paths{grid-template-columns:1fr}.information-row{grid-template-columns:1fr 140px 34px}.channel-label,.source-setting{grid-column:1/-1}.brand span{display:none}}@media(max-width:520px){body,.app{height:auto;min-height:100vh;overflow:auto}.titlebar{align-items:flex-start;padding:10px}.titlebar nav{display:none}.channel-view{height:auto;overflow:visible;padding:12px}.channel-strip{align-items:stretch;flex-direction:column}.power-button{justify-content:center}.recognition-copy strong{font-size:19px}.information-row{grid-template-columns:1fr}.information-row>*{grid-column:1}.setup{margin:12px}.tabs{padding-left:6px}}@media(max-width:900px){.activity-view{padding:24px}.activity-toolbar{flex-wrap:wrap}.activity-toolbar .activity-switch{order:3;width:max-content;min-width:min(340px,100%);margin-left:0}.activity-toolbar .activity-export{margin-left:auto}.activity-toolbar .activity-export+.activity-switch{margin-left:0}.live-channel-head,.live-channel-row{grid-template-columns:minmax(130px,30%) minmax(220px,1fr) 80px}.live-channel-head>span:last-child,.live-channel-status{display:none}}@media(max-width:620px){.live-overview-controls{align-items:stretch;flex-direction:column}.live-overview-controls input{width:100%}.live-channel-head,.live-channel-row{grid-template-columns:minmax(110px,36%) minmax(150px,1fr)}.live-channel-head>span:nth-child(3),.live-channel-row time{display:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#17203355}.modal{width:min(420px,calc(100vw - 32px));border:1px solid #cbd3df;border-radius:7px;background:#fff;box-shadow:0 18px 50px #17203338;padding:18px}.modal header h2{margin:0 0 18px;font-size:18px}.modal label{display:grid;gap:6px;color:#475467;font-size:12px}.modal label+label{margin-top:12px}.modal input{height:38px;border:1px solid #b9c4d2;padding:0 10px;font-size:14px}.modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.modal footer button{height:34px;padding:0 14px;border:1px solid #bdc7d4;background:#fff}.modal footer .primary{border-color:#0a84ff;background:#0a84ff;color:#fff}.about-backdrop{z-index:75;background:#1018288f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.about-modal{display:flex;width:min(760px,calc(100vw - 38px));max-height:calc(100vh - 38px);flex-direction:column;overflow:hidden;border:1px solid #bfcadb;border-radius:14px;padding:0;box-shadow:0 24px 70px #0d234459}.about-hero{position:relative;display:flex;align-items:center;gap:17px;min-height:132px;margin:0;background:radial-gradient(circle at 88% 0%,#d8ebff 0,transparent 40%),linear-gradient(135deg,#f7fbff,#eaf3ff);padding:26px 30px;border-bottom:1px solid #d5dfed}.about-hero>img{width:72px;height:72px;border-radius:17px;box-shadow:0 8px 22px #163a6a2b}.about-hero>div{display:grid;gap:4px}.about-hero h2{margin:0;color:#071b43;font-size:25px;letter-spacing:-.02em}.about-hero p{margin:0;color:#60708a;font-size:12px;font-weight:600}.about-hero p span{margin:0 4px;color:#9aa8bc}.about-kicker{color:#1769aa;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.about-close{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:8px;background:transparent;color:#52627a;padding:0}.about-close:hover,.about-back:hover{background:#dce8f6;color:#173a66}.about-hero>.about-close{position:absolute;top:16px;right:17px}.about-content{min-height:0;overflow:auto;padding:22px 30px 20px}.about-intro{margin:0 0 18px;color:#33435b;font-size:14px;line-height:1.55}.about-assurances{display:grid;grid-template-columns:1fr 1fr;gap:10px}.about-assurances section{display:flex;align-items:flex-start;gap:10px;border:1px solid #dbe3ee;border-radius:9px;background:#f8faff;padding:12px}.about-assurances svg{flex:0 0 auto;color:#26744f}.about-assurances section:nth-child(2) svg{color:#2469a2}.about-assurances div{display:grid;gap:3px}.about-assurances strong{color:#23334c;font-size:12px}.about-assurances span{color:#66758b;font-size:11px;line-height:1.45}.about-documents{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.about-documents button{display:grid;min-width:0;min-height:76px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid #ccd6e3;border-radius:9px;background:#fff;color:#40516a;padding:10px 11px;text-align:left}.about-documents button:hover{border-color:#8cb5df;background:#f4f9ff;color:#1769aa}.about-documents button>span{display:grid;min-width:0;gap:3px}.about-documents strong{overflow:hidden;color:#26364e;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.about-documents small{color:#748197;font-size:9px;line-height:1.35}.about-ffmpeg{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;border-left:3px solid #9cb4d0;background:#f4f6f9;padding:10px 12px}.about-ffmpeg>div{display:grid;gap:3px}.about-ffmpeg strong{color:#35455d;font-size:11px}.about-ffmpeg span{color:#6c788b;font-size:10px;line-height:1.4}.about-ffmpeg button{display:flex;flex:0 0 auto;align-items:center;gap:5px;border:0;background:transparent;color:#1769aa;padding:6px;font-size:10px;font-weight:650}.about-error{margin-top:12px;border:1px solid #e8b4ab;border-radius:7px;background:#fff3f1;color:#993d31;padding:9px 11px;font-size:11px;line-height:1.45}.about-modal .about-footer{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:12px;margin:0;border-top:1px solid #dce3ec;background:#f8faff;padding:9px 30px}.about-footer>span{color:#77849a;font-size:10px}.about-footer nav{display:flex;gap:4px}.about-footer nav button{display:flex;height:30px;align-items:center;gap:6px;border:0;border-radius:7px;background:transparent;color:#426182;padding:0 8px;font-size:10px}.about-footer nav button:hover{background:#e7eff9;color:#1769aa}.about-document-header{display:grid;min-height:74px;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:10px;margin:0;border-bottom:1px solid #d7e0ec;background:#f3f7fc;padding:12px 18px}.about-document-header>div{display:grid;gap:2px}.about-document-header span{color:#6d7c91;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.about-document-header h2{margin:0;color:#172b4a;font-size:17px}.about-back{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:8px;background:transparent;color:#52627a;padding:0}.about-document{min-height:320px;overflow:auto;background:#fbfcfe}.about-document pre{margin:0;padding:24px 28px 30px;color:#2e3c52;font:11px/1.62 Cascadia Mono,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.about-loading{display:grid;min-height:320px;place-items:center;color:#6d7a8e;font-size:12px}.about-document>.about-error{margin:24px}@media(max-width:720px){.about-assurances,.about-documents{grid-template-columns:1fr}.about-ffmpeg{align-items:flex-start;flex-direction:column}.about-content{padding:18px 20px}.about-modal .about-footer{padding:9px 20px}}.migration-backdrop{z-index:80;background:#10182899;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.migration-modal{width:min(590px,calc(100vw - 36px));padding:24px}.migration-modal header h2{margin:5px 0 7px;font-size:22px}.migration-modal header p{margin:0;color:#667085;font-size:13px;line-height:1.5}.migration-kicker{color:#1769aa;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.migration-preview{margin:18px 0 0;border:1px solid #d8e2ee;border-radius:5px}.migration-preview div{display:grid;grid-template-columns:145px minmax(0,1fr);padding:10px 12px}.migration-preview div+div{border-top:1px solid #e6ebf2}.migration-preview dt{color:#667085;font-size:12px}.migration-preview dd{overflow:hidden;margin:0;color:#1d2939;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.migration-note{margin:14px 0 0;color:#667085;font-size:11px;line-height:1.55}.migration-warning{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;padding:10px 12px;border:1px solid #f3cf82;border-radius:5px;background:#fff8e8;color:#7a4d0b;font-size:12px;line-height:1.45}.migration-warning svg{flex:0 0 auto;margin-top:1px}.migration-opportunity{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;padding:10px 12px;border:1px solid #b9d5f4;border-radius:5px;background:#f2f7fd;color:#245581;font-size:12px;line-height:1.45}.migration-opportunity svg{flex:0 0 auto;margin-top:1px}.ffmpeg-modal{width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 34px);overflow:auto}.ffmpeg-modal header h2{margin-bottom:3px}.ffmpeg-modal header p{margin:0 0 18px;color:#667085;font-size:12px}.ffmpeg-grid{display:grid;grid-template-columns:1fr 190px;gap:12px}.ffmpeg-grid label+label{margin-top:0}.ffmpeg-arguments textarea{width:100%;min-height:102px;resize:vertical;border:1px solid #b9c4d2;border-radius:5px;background:#fbfcff;color:#172033;padding:9px 10px;font:12px/1.55 Consolas,Cascadia Mono,monospace}.ffmpeg-arguments small{color:#748096;line-height:1.45}.ffmpeg-arguments code{color:#345a88}.ffmpeg-runtime{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;border:1px solid #b8dcc8;border-radius:7px;background:#f2fbf6;padding:11px 12px}.ffmpeg-runtime.missing{border-color:#e0c998;background:#fff9ea}.runtime-summary{display:flex;min-width:0;align-items:flex-start;gap:9px;color:#28734d}.ffmpeg-runtime.missing .runtime-summary{color:#805b13}.runtime-summary div{display:grid;min-width:0;gap:2px}.runtime-summary strong{font-size:12px}.runtime-summary span,.runtime-summary small{overflow:hidden;color:#60726a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.runtime-actions{display:flex;flex:0 0 auto;gap:6px}.runtime-actions button,.ffmpeg-test-row>button{display:flex;height:32px;align-items:center;gap:6px;border:1px solid #bdc7d4;background:#fff;color:#3d4d65;padding:0 9px;font-size:11px}.ffmpeg-command{display:grid;gap:5px;margin-top:12px;border:1px solid #d8e0eb;border-radius:6px;background:#f7f9fc;padding:9px 10px}.ffmpeg-command span{color:#68758b;font-size:10px;text-transform:uppercase;font-weight:650}.ffmpeg-command code{overflow:auto;color:#30496c;font-size:11px;white-space:nowrap}.ffmpeg-test-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.ffmpeg-test-row .check{display:flex;align-items:center;gap:7px}.ffmpeg-test-row .check input{width:15px;min-width:15px;height:15px}.ffmpeg-feedback{display:flex;align-items:center;gap:7px;margin-top:10px;border-radius:5px;background:#fff4f1;color:#9a3b2e;padding:8px 10px;font-size:11px;line-height:1.45;white-space:pre-wrap}.ffmpeg-feedback.info{background:#eef5fd;color:#345a88}.ffmpeg-feedback.success{background:#eef9f3;color:#28734d}.ffmpeg-spinner{flex:0 0 auto;animation:ffmpeg-spin .8s linear infinite}@keyframes ffmpeg-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ffmpeg-spinner{animation:none}}.check input[role=switch]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;min-width:34px;height:19px;flex:0 0 34px;margin:0;border:1px solid #aab4c2;border-radius:999px;background:#b8c0cb;padding:0;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.check input[role=switch]:before{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #17203340;transition:transform .15s ease}.check input[role=switch]:checked{border-color:#1f72d5;background:#2378db}.check input[role=switch]:checked:before{transform:translate(15px)}.check input[role=switch]:focus-visible{outline:2px solid #2c78c5;outline-offset:2px}.check input[role=switch]:disabled{cursor:not-allowed;opacity:.55}@media(max-width:620px){.ffmpeg-grid{grid-template-columns:1fr}.ffmpeg-runtime,.ffmpeg-test-row{align-items:stretch;flex-direction:column}.runtime-actions{flex-wrap:wrap}}html,body,#app{height:100%;margin:0}.remote-monitor{display:flex;height:100%;flex-direction:column;background:#f8faff;color:#172033;font-family:Inter,Segoe UI,sans-serif}.remote-header{display:flex;min-height:64px;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3ed;background:#fff;padding:0 34px}.remote-header>div{display:flex;align-items:center;gap:12px}.remote-header img{width:34px;height:34px;border-radius:8px}.remote-header>div>div{display:grid;gap:3px}.remote-header strong{font-size:15px}.remote-header span{display:flex;align-items:center;gap:5px;color:#69778d;font-size:10px}.remote-actions{display:flex;align-items:center;gap:8px}.remote-actions button{display:flex;height:30px;align-items:center;gap:5px;border:1px solid #d4dce8;border-radius:7px;background:#fff;padding:0 9px;color:#59677b;font-size:11px}.remote-actions button:hover{background:#f5f7fa}.remote-state{border-radius:999px;background:#eef1f5;padding:6px 10px!important;text-transform:capitalize}.remote-state.live{background:#e4f7ec;color:#18794e}.remote-state.delayed{background:#fff4db;color:#8b6013}.remote-message{display:grid;min-height:260px;place-items:center;border:1px solid #dce3ed;border-radius:10px;background:#fff;color:#667085}.remote-monitor .live-channel-row{cursor:default}.remote-monitor .live-channel-row:hover{background:inherit;outline:0}@media(max-width:620px){.remote-header{padding:0 18px}.remote-header>div>div>span{display:none}}