@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-I4S5GZfc.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-BmXc_FBt.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-GZpp1pK2.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-D8KDMBhC.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-DrnZ1wKl.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-B_7UjwxQ.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;font-family:Geist Variable,system-ui,sans-serif;font-synthesis:none;--bg: oklch(.105 0 0);--surface: oklch(.165 .008 60);--raised: oklch(.215 .01 60);--line: oklch(.31 .009 60);--ink: oklch(.935 .006 60);--muted: oklch(.68 .01 60);--primary: oklch(.7 .13 60);--success: oklch(.72 .16 145);--warning: oklch(.78 .15 85);--danger: oklch(.64 .2 28);--info: oklch(.7 .14 245);--r-sm: .375rem;--r-md: .625rem;--text-caption: .75rem;--text-secondary: .875rem;--text-body: 1rem;--text-heading: 1.125rem;--text-dialog: 1.375rem;--z-sticky: 20;--z-overlay: 40;--z-dialog: 41;--z-toast: 50;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background:var(--bg);color:var(--ink);font-size:var(--text-body);line-height:1.55;letter-spacing:.005em}button{font:inherit}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}code,time,.metric strong,.system-grid strong,.route-count{font-family:Geist Mono Variable,ui-monospace,monospace;font-variant-numeric:tabular-nums}.topbar{min-height:4rem;display:grid;grid-template-columns:auto 1fr auto auto auto auto auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);background:#070606;position:sticky;top:0;z-index:var(--z-sticky)}.brand,.overall,.autostart{display:flex;align-items:center;gap:var(--space-2)}.brand svg{color:var(--primary);font-size:1.5rem}.brand strong{font-size:1.125rem;white-space:nowrap}.overall{justify-self:center;color:var(--muted);font-size:var(--text-secondary)}.autostart{color:var(--success);font-size:.875rem}.topbar>time{color:var(--muted);font-size:.875rem}.dashboard{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(25rem,1fr);gap:var(--space-3);padding:var(--space-3);max-width:120rem;margin:auto}.primary-column{display:grid;grid-template-columns:.9fr 1.1fr;align-content:start;gap:var(--space-3)}.events{grid-column:1 / -1}.outputs{display:flex;flex-direction:column;gap:var(--space-2)}.outputs>h2{margin:0 0 var(--space-1);font-size:var(--text-body);color:var(--ink);font-weight:650}.system-panel{grid-column:1 / -1}.panel,.output{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.panel{padding:var(--space-4)}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--line);margin-bottom:var(--space-4)}.panel h2,.output h3{margin:0;font-size:var(--text-heading);line-height:1.25;font-weight:650}.panel-head p{margin:var(--space-1) 0 0;color:var(--muted);font-size:.75rem}.status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-secondary);white-space:nowrap}.status svg{font-size:.875rem}.status-live,.event-success{color:var(--success)}.status-warning,.event-warning{color:var(--warning)}.status-error,.event-error{color:var(--danger)}.status-idle,.event-info{color:var(--muted)}.input-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}.metric{min-width:0;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--surface)}.metric>span,.last-error>span{color:var(--muted);font-size:var(--text-caption);letter-spacing:.01em}.metric strong,.last-error strong{font-size:.875rem;font-weight:550;overflow:hidden;text-overflow:ellipsis}.metric small{color:var(--muted);font-size:.75rem}.snapshot-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4)}.snapshot-row span{color:var(--muted);font-size:.75rem}.button,.icon-action{min-height:2.75rem;border:1px solid transparent;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;transition:background-color .18s ease-out,border-color .18s ease-out,transform .12s ease-out;color:var(--ink)}.button:active,.icon-action:active{transform:translateY(1px)}.button:disabled,.icon-action:disabled{cursor:not-allowed;opacity:.45}.button{padding:var(--space-2) var(--space-3);font-size:var(--text-secondary);font-weight:550}.secondary{background:var(--raised);border-color:var(--line)}.secondary:hover{background:#27221e}.danger{background:var(--danger);color:#fcf3f1}.danger:hover{background:#d7352d}.settings-trigger{background:transparent;border-color:var(--line)}.settings-trigger:hover,.settings-trigger.active{background:var(--raised);border-color:var(--primary)}.logout{background:transparent;border-color:transparent;color:var(--muted)}.logout:hover{background:var(--raised);border-color:var(--line);color:var(--ink)}.save-settings{background:var(--primary);color:#150b04}.save-settings:hover{background:#f19a4b}.settings-panel,.settings-loading{max-width:120rem;margin:var(--space-3) auto 0;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.settings-panel{overflow:hidden}.settings-loading{min-height:8rem;display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--muted)}.settings-head,.settings-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:#0c0a08}.settings-head{border-bottom:1px solid var(--line)}.settings-head h2,.settings-section-head h3{margin:0;font-size:var(--text-heading);line-height:1.3}.settings-head p,.settings-section-head p{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--text-caption)}.settings-layout{display:grid;grid-template-columns:minmax(20rem,.7fr) minmax(40rem,1.8fr)}.access-settings,.output-settings{min-width:0;padding:var(--space-4)}.access-settings{border-right:1px solid var(--line)}.settings-section-head{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-4)}.settings-section-head>svg{margin-top:.15rem;color:var(--primary);font-size:1.25rem}.field,.compact-field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.field>span,.compact-field>span{color:var(--muted);font-size:var(--text-caption)}.field input,.compact-field input,.compact-field select{width:100%;min-height:2.5rem;border:1px solid var(--line);border-radius:var(--r-sm);padding:0 var(--space-2);background:var(--bg);color:var(--ink);font:.8125rem Geist Mono Variable,ui-monospace,monospace}.field input:focus,.compact-field input:focus,.compact-field select:focus{outline:2px solid var(--primary);outline-offset:1px}.connection-list{margin-top:var(--space-4);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}.connection{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);min-height:3.25rem;padding:var(--space-2);border-bottom:1px solid var(--line)}.connection:last-child{border-bottom:0}.connection>div:first-child{min-width:0;display:flex;flex-direction:column}.connection span{color:var(--muted);font-size:var(--text-caption)}.connection code{color:var(--ink);font-size:.75rem;overflow-wrap:anywhere}.connection-actions{flex:none;display:flex;align-items:center;gap:var(--space-1)}.copy-action{min-height:2.25rem;flex:none;display:inline-flex;align-items:center;gap:var(--space-1);border:1px solid var(--line);border-radius:var(--r-sm);padding:0 var(--space-2);background:var(--raised);color:var(--ink);font-size:var(--text-caption);cursor:pointer}.copy-action:hover{border-color:var(--primary)}.stream-key{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.stream-key>div{display:flex;align-items:center;gap:var(--space-1);color:var(--muted);font-size:var(--text-caption)}.stream-key code{padding:var(--space-2);border-radius:var(--r-sm);background:var(--bg);overflow-wrap:anywhere}.key-visibility{width:2.25rem;height:2.25rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--raised);color:var(--muted);cursor:pointer}.key-visibility:hover{border-color:var(--primary);color:var(--ink)}.key-visibility:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.rotate-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line)}.rotate-row>div{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.rotate-row strong{font-size:var(--text-secondary)}.rotate-row span{color:var(--muted);font-size:var(--text-caption);text-wrap:pretty}.rekey-action{flex:none}.settings-note{margin:var(--space-4) 0 0;color:var(--warning);font-size:var(--text-caption);text-wrap:pretty}.profiles-table{border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}.profiles-header,.profile-row{display:grid;grid-template-columns:6.5rem 8.5rem 5rem 8rem minmax(10rem,1fr) minmax(10rem,1fr);gap:var(--space-2);align-items:center;padding:var(--space-2)}.profiles-header{min-height:2rem;background:var(--raised);color:var(--muted);font-size:var(--text-caption)}.profile-row{min-height:4.75rem;border-top:1px solid var(--line)}.profile-name{font-size:var(--text-secondary)}.platform-text-vk{color:#67b3ff;color:oklch(.75 .14 250)}.platform-text-youtube{color:#ff7264;color:oklch(.72 .19 28)}.platform-text-twitch{color:#b88dff;color:oklch(.73 .17 300)}.bitrate-field,.secret-field{position:relative}.bitrate-field input{padding-right:3.7rem}.bitrate-field em{position:absolute;right:var(--space-2);bottom:.67rem;color:var(--muted);font-size:.625rem;font-style:normal;pointer-events:none}.secret-field input{padding-right:2.5rem}.secret-field button{position:absolute;right:0;bottom:0;width:2.5rem;height:2.5rem;border:0;background:transparent;color:var(--muted);cursor:pointer}.secret-field button:hover{color:var(--ink)}.settings-footer{border-top:1px solid var(--line)}.settings-footer>span{color:var(--muted);font-size:var(--text-caption)}.settings-footer .form-error{color:var(--danger)}.test-strip{padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);background:#0b0907}.test-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.test-summary h3{margin:0;font-size:var(--text-body)}.test-summary p{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--text-caption)}.test-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.test-progress progress{width:100%;height:.4rem;accent-color:var(--primary)}.test-progress span{min-width:4.5rem;color:var(--muted);font:var(--text-caption) "Geist Mono Variable",ui-monospace,monospace;text-align:right}.test-results{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:var(--space-3);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:var(--line)}.test-results>div{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface)}.test-results strong{font:var(--text-caption) "Geist Mono Variable",ui-monospace,monospace}.test-result-state{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--muted);font-size:var(--text-caption)}.test-result-state.ok{color:var(--success)}.test-result-state.bad,.test-strip>.form-error{color:var(--danger)}.route-flow{display:grid;grid-template-columns:1fr 2rem 1fr 2rem 1fr;align-items:center;gap:var(--space-2);text-align:center}.route-flow>div{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.route-flow svg{font-size:1.75rem;color:var(--muted)}.route-flow strong{font-size:.875rem}.route-flow span{color:var(--muted);font-size:.75rem}.route-flow i{height:1px;background:var(--line);position:relative}.route-flow i:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid var(--muted);border-right:1px solid var(--muted);transform:rotate(45deg)}.route-count{color:var(--success);font-size:.875rem}.route-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:var(--space-4);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}.output{min-height:9rem;display:grid;grid-template-columns:1.15fr 1fr .9fr;grid-template-areas:"title bitrate duration" "event event action";gap:var(--space-3);padding:var(--space-3);align-items:center}.output-title{grid-area:title;display:flex;align-items:center;gap:var(--space-3)}.output-title>div:last-child{min-width:0}.output-title h3{margin-bottom:var(--space-1)}.output>.metric{background:transparent;padding:0}.output>.metric:nth-of-type(1){grid-area:bitrate}.output>.metric:nth-of-type(2){grid-area:duration}.platform{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:var(--r-sm);font-weight:750;color:#fff}.platform-vk{background:#0089ea;background:oklch(.62 .19 250)}.platform-youtube{background:#df2321}.platform-twitch{background:#914de6}.last-error{grid-area:event;display:flex;flex-direction:column;min-width:0}.last-error strong{white-space:nowrap}.icon-action{grid-area:action;background:var(--raised);border-color:var(--line);padding:var(--space-2);font-size:.75rem}.output-error{border-color:color-mix(in oklch,var(--danger),transparent 35%)}.events ol{list-style:none;padding:0;margin:0;max-height:18rem;overflow:auto}.events li{display:grid;grid-template-columns:5.5rem 1rem minmax(0,1fr) 7rem;align-items:center;gap:var(--space-3);min-height:2.5rem;border-bottom:1px solid var(--line);font-size:.875rem}.events li:last-child{border-bottom:0}.events time,.events small{color:var(--muted);font-size:.75rem}.events small{text-align:right}.empty{min-height:8rem;display:grid;place-items:center;align-content:center;gap:var(--space-2);color:var(--muted)}.system-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line)}.system-grid>div{min-width:0;display:grid;grid-template-columns:1.75rem 1fr;grid-template-rows:auto auto auto;column-gap:var(--space-2);padding:var(--space-3);background:var(--surface)}.system-grid svg{grid-row:1 / 3;font-size:1.5rem;color:var(--muted)}.system-grid span{color:var(--muted);font-size:.75rem}.system-grid strong{font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-grid meter{grid-column:1 / -1;width:100%;height:.25rem;margin-top:var(--space-2)}.auth-check,.login-shell{min-height:100dvh;display:grid;place-items:center;padding:var(--space-4)}.auth-check{align-content:center;grid-auto-flow:column;gap:var(--space-2);color:var(--muted);font-size:var(--text-secondary)}.login-panel{width:min(27rem,100%);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:0 1.5rem 5rem #00000073;overflow:hidden}.login-panel>header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6);border-bottom:1px solid var(--line);background:#0c0a08}.login-mark{width:2.75rem;height:2.75rem;flex:none;display:grid;place-items:center;border:1px solid oklch(.48 .08 60);border-radius:var(--r-sm);background:#1c1108;color:var(--primary);font-size:1.5rem}.login-panel h1{margin:0;font-size:var(--text-dialog);line-height:1.2;letter-spacing:-.015em}.login-panel header p{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--text-caption)}.login-panel form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.login-field{display:flex;flex-direction:column;gap:var(--space-2)}.login-field span{color:var(--muted);font-size:var(--text-secondary)}.login-field input{width:100%;min-height:2.75rem;border:1px solid var(--line);border-radius:var(--r-sm);padding:0 var(--space-3);background:var(--bg);color:var(--ink);font:inherit}.login-field input:hover{border-color:#524c47}.login-field input:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:transparent}.login-error{display:flex;align-items:flex-start;gap:var(--space-2);margin:0;padding:var(--space-3);border:1px solid oklch(.45 .12 28);border-radius:var(--r-sm);background:#210d0b;color:#ffb0a5;color:oklch(.83 .1 28);font-size:var(--text-secondary)}.login-error svg{flex:none;margin-top:.15rem}.login-submit{width:100%;background:var(--primary);color:#150b04}.login-submit:hover{background:#f19a4b}.login-panel>footer{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-caption)}.login-panel>footer svg{flex:none;color:var(--success)}.dialog-overlay,.snapshot-modal{position:fixed;inset:0;background:#000000c7;z-index:var(--z-overlay)}.dialog{position:fixed;z-index:var(--z-dialog);width:min(28rem,calc(100vw - 2rem));left:50%;top:50%;transform:translate(-50%,-50%);background:var(--raised);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--space-6)}.dialog h2{margin-top:0;font-size:var(--text-dialog);line-height:1.25;font-weight:650}.dialog p{color:var(--muted)}.dialog>div{display:flex;justify-content:end;gap:var(--space-2);margin-top:var(--space-6)}.snapshot-modal{display:grid;place-items:center;padding:var(--space-4)}.snapshot-modal figure{max-width:44rem;max-height:calc(100dvh - 2rem);overflow:auto;margin:0;padding:var(--space-3);background:var(--raised);border:1px solid var(--line);border-radius:var(--r-md)}.snapshot-modal img{display:block;width:100%;height:auto;max-height:calc(100dvh - 7rem);object-fit:contain;border-radius:var(--r-sm)}.snapshot-modal figcaption{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-3);color:var(--muted)}.busy{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:var(--z-toast);display:flex;gap:var(--space-2);align-items:center;background:var(--raised);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--space-3) var(--space-4)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1260px)and (min-width:1121px){.input-metrics{grid-template-columns:repeat(2,1fr)}.snapshot-row{align-items:stretch;flex-direction:column}}@media(max-width:1120px){.topbar{grid-template-columns:auto 1fr auto auto auto}.overall{justify-self:start}.autostart,.topbar>time{display:none}.dashboard{grid-template-columns:1fr}.system-panel{grid-column:auto}.primary-column{order:1}.outputs{order:2}.system-panel{order:3}.settings-layout{grid-template-columns:1fr}.access-settings{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:760px){.topbar{grid-template-columns:1fr auto auto auto}.overall{grid-column:1 / -1;order:3}.brand strong{font-size:1rem}.topbar .danger{padding-inline:var(--space-2);font-size:var(--text-secondary)}.dashboard{padding:var(--space-2);gap:var(--space-2)}.primary-column{grid-template-columns:1fr}.events{grid-column:auto}.input-metrics{grid-template-columns:repeat(2,1fr)}.route-flow{grid-template-columns:1fr;text-align:left}.route-flow>div{flex-direction:row;justify-content:start}.route-flow i{width:1px;height:1.25rem;margin-left:.875rem}.route-flow i:after{right:-3px;top:auto;bottom:0;transform:rotate(135deg)}.output{grid-template-columns:1fr 1fr;grid-template-areas:"title action" "bitrate duration" "event event";min-height:auto}.system-grid{grid-template-columns:repeat(2,1fr)}.system-grid strong{white-space:normal}.events li{grid-template-columns:4rem 1rem minmax(0,1fr)}.events small{display:none}.snapshot-row{align-items:stretch;flex-direction:column}.settings-trigger span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.settings-trigger{width:2.75rem;padding:0}.logout span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.logout{width:2.75rem;padding:0}.settings-panel{margin:var(--space-2)}.settings-head,.settings-footer{align-items:stretch;flex-direction:column}.access-settings,.output-settings{padding:var(--space-3)}.stream-key{grid-template-columns:1fr auto auto}.stream-key code{grid-column:1 / -1;grid-row:2}.profiles-header{display:none}.profile-row{grid-template-columns:1fr 1fr;padding-block:var(--space-3)}.profile-name,.profile-row label:nth-of-type(4),.profile-row label:nth-of-type(5){grid-column:1 / -1}.connection{align-items:stretch;flex-direction:column}.connection-actions{justify-content:flex-end}.rotate-row{align-items:stretch;flex-direction:column}.settings-footer .save-settings{width:100%}.test-strip{padding:var(--space-3)}.test-summary{align-items:stretch;flex-direction:column}.test-results{grid-template-columns:1fr}}@media(max-width:380px){.stop-all span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.stop-all{width:2.75rem;padding:0}.topbar{gap:var(--space-2);padding-inline:var(--space-3)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}