@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#f5f7fb;font-feature-settings:"liga" 1, "calt" 1;font-synthesis:none;--app-bg:#080c11;--surface:#101720;--surface-raised:#17212d;--border:#a2b4c724;--border-strong:#a2b4c73d;--text:#f5f7fb;--muted:#8f9cac;--accent:#2684ff;--accent-hover:#4596ff;--success:#39d98a;--warning:#f5a524;--destructive:oklch(70.4% .191 22.216);background:#080c11;font-family:Inter Variable,Inter,Segoe UI Variable,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;color:var(--text);background:var(--app-bg)}button,input,select{font:inherit}button{color:#fff;background:var(--accent);cursor:pointer;border:1px solid #0000;border-radius:.55rem;min-height:2.5rem;padding:.6rem .95rem;transition:background-color .14s,border-color .14s,color .14s,opacity .14s}button:hover:not(:disabled){background:var(--accent-hover)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:2px;outline:2px solid #78afff}button:disabled{cursor:not-allowed;opacity:.48}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.not-found,.app-status{border:1px solid var(--border);background:var(--surface);border-radius:1rem;width:min(30rem,100% - 2rem);margin:12vh auto 0;padding:2rem;box-shadow:0 1.5rem 4rem #00000047}.not-found h1{margin:0 0 .65rem;font-size:1.75rem}.auth-page{background:#020202;min-height:100svh;padding:clamp(3rem,7vw,6.75rem) clamp(2.5rem,7.8vw,7rem);display:flex}.auth-form{flex-direction:column;width:min(100%,26rem);min-height:min(38rem,100svh - clamp(6rem,14vw,13.5rem));margin:auto;display:flex}.auth-form h1{text-align:center}.device-rename-input{border:1px solid var(--border-strong);width:100%;min-height:2.75rem;color:var(--text);background:#0a1017;border-radius:.55rem;padding:.65rem .75rem}.auth-error,.app-status-error,.device-connect-status,.device-rename-status,.device-revoke-status{color:var(--destructive)}.app-shell{color:#f4f4f4;background:radial-gradient(circle at 58% -18%,#ffffff0d,#0000 34rem),#030303;min-height:100vh}.app-shell button:focus-visible,.app-shell input:focus-visible,.app-shell summary:focus-visible{outline-color:#a8a8a8}.app-topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030303eb;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:4rem;padding:.65rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.app-brand{letter-spacing:-.01em;align-items:center;min-height:2.5rem;font-size:1rem;font-weight:700;display:flex}.app-topbar-actions{align-items:center;gap:.65rem;display:flex}.app-account-menu{position:relative}.app-account-menu summary{color:#a5a5a5;cursor:pointer;background:#151515;border:1px solid #ffffff21;border-radius:.6rem;place-items:center;width:2.65rem;height:2.65rem;list-style:none;display:grid}.app-account-menu summary::-webkit-details-marker{display:none}.app-account-menu summary:hover,.app-account-menu[open] summary{background:#222;border-color:#ffffff42}.app-menu-icon{filter:grayscale()brightness(1.45);width:1.1rem;height:1.1rem}.app-account-popover{background:#161616;border:1px solid #ffffff24;border-radius:.65rem;width:10rem;padding:.35rem;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 1rem 2.5rem #00000073}.auth-logout{width:100%;min-height:2.35rem;color:var(--muted);text-align:left;background:0 0;border:0;padding:.5rem .7rem;font-size:.85rem}.auth-logout:hover:not(:disabled){color:var(--text);background:#252525}.devices-page{width:min(1240px,100%);margin:0 auto;padding:2.8rem clamp(2rem,5vw,5rem)}.devices-header{justify-content:space-between;align-items:center;margin-bottom:2.4rem;display:flex}.devices-header h1{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,3vw,2.65rem);font-weight:650}.device-add,.device-connect{white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.device-add{color:#141414;background:#efeff1;border-color:#efeff1;min-height:2.65rem;padding-inline:1.05rem;font-size:.875rem;font-weight:600}.device-add:hover:not(:disabled){background:#fff;border-color:#fff}.device-table{overflow:visible}.device-table-header,.device-card{grid-template-columns:minmax(240px,1.45fr) 130px 120px minmax(170px,.9fr) 150px 38px;align-items:center;gap:1.25rem;display:grid}.device-table-header{color:#777;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #ffffff2b;min-height:2.7rem;padding:0 1.1rem;font-size:.7rem;font-weight:650}.device-list{margin:0;padding:0;list-style:none}.device-card{border-bottom:1px solid #ffffff17;min-height:5.35rem;padding:.9rem 1.1rem;transition:background-color .14s;position:relative}.device-card:hover{background:#ffffff05}.device-identity{align-items:center;gap:.9rem;min-width:0;display:flex}.device-icon{color:#69a8ff;background:#2684ff1a;border:1px solid #2684ff38;border-radius:.65rem;flex:none;place-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;display:grid}.device-identity h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.device-identity small,.device-version,.device-last-seen{color:#929292;font-size:.8rem}.device-identity small{margin-top:.28rem;display:block}.device-state{white-space:nowrap;align-items:center;gap:.5rem;font-size:.82rem;display:inline-flex}.device-state>span{background:currentColor;border-radius:50%;width:.48rem;height:.48rem;box-shadow:0 0 .7rem}.device-state-online{color:var(--success)}.device-state-busy,.device-state-updating{color:var(--warning)}.device-state-error{color:var(--destructive)}.device-state-offline{color:#657284}.device-connect-cell{min-width:0}.device-connect{color:#f2f2f2;background:#1b1b1b;border-color:#ffffff2b;width:100%;min-height:2.35rem;padding:.5rem .7rem;font-size:.78rem;font-weight:600}.device-connect:hover:not(:disabled){background:#2b2b2b;border-color:#ffffff47}.device-connect:disabled{visibility:hidden;color:#667385;border-color:var(--border);background:0 0}.device-connect-status,.device-rename-status,.device-revoke-status{grid-column:1/-1;min-height:0;margin:0;font-size:.75rem}.device-connect-status:empty,.device-rename-status:empty,.device-revoke-status:empty{display:none}.device-actions{position:relative}.device-actions summary{width:2rem;height:2rem;color:var(--muted);cursor:pointer;border-radius:.45rem;place-items:center;font-size:1.25rem;list-style:none;display:grid}.device-actions summary::-webkit-details-marker{display:none}.device-actions summary:hover,.device-actions[open] summary{color:var(--text);background:var(--surface-raised)}.device-actions-menu{z-index:12;background:#161616;border:1px solid #ffffff24;border-radius:.65rem;width:11rem;padding:.35rem;display:grid;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 1rem 2.5rem #00000073}.device-actions-menu button{color:#d9e0e8;text-align:left;background:0 0;align-items:center;gap:.6rem;min-height:2.25rem;padding:.5rem .65rem;font-size:.8rem;display:flex}.device-actions-menu button:hover:not(:disabled){background:#252525}.device-actions-menu .device-revoke{color:#ff8a95}.device-rename-form{background:#111;border:1px solid #ffffff1f;border-radius:.7rem;grid-column:1/-1;align-items:end;gap:.75rem;padding:.8rem;display:flex}.device-rename-form[hidden]{display:none}.device-rename-form label{color:var(--muted);flex:1;font-size:.75rem}.device-rename-input{margin-top:.35rem;display:block}.device-list-empty{border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border);text-align:center;place-content:center;justify-items:center;min-height:24rem;display:grid}.device-list-empty h2{margin:1rem 0 .45rem;font-size:1rem}.device-list-empty p{max-width:31rem;color:var(--muted);margin:0;font-size:.85rem;line-height:1.55}dialog{color:var(--text)}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b8}.device-add-dialog,.sas-warning-dialog{background:#151515;border:1px solid #ffffff26;border-radius:1rem;width:min(28rem,100% - 2rem);padding:0;box-shadow:0 2rem 5rem #0000008c}.device-add-dialog form,.device-enrollment-review,.sas-warning-dialog{padding:1.6rem;position:relative}.device-add-dialog h2,.sas-warning-dialog h2{margin:1.1rem 0 .6rem;font-size:1.2rem}.device-add-dialog p,.sas-warning-dialog p{color:var(--muted);font-size:.875rem;line-height:1.55}.device-installer-download{color:var(--text);text-underline-offset:.2em}.device-installer-download:hover{color:var(--muted)}.dialog-close{z-index:1;width:2rem;min-height:2rem;color:var(--muted);background:0 0;place-items:center;padding:0;display:grid;position:absolute;top:1rem;right:1rem}.dialog-close:hover:not(:disabled){color:var(--text);background:var(--surface-raised)}.dialog-primary{width:100%;margin-top:.75rem}.device-enrollment-code-form label{color:var(--muted);margin:1.5rem 0 .5rem;font-size:.9rem;display:block}.device-enrollment-code{box-sizing:border-box;border:1px solid var(--border);background:var(--surface-raised);width:100%;color:var(--text);letter-spacing:.12em;border-radius:.75rem;padding:.9rem 1rem;font-size:1.4rem;font-weight:600;line-height:1}.device-enrollment-status{min-height:2.5rem}.app-shell .device-rename-input,.app-shell .device-enrollment-code{color:#f2f2f2;background:#242424;border-color:#ffffff26}.app-shell .dialog-primary,.app-shell .device-rename-submit,.app-shell .enrollment-primary{color:#141414;background:#efeff1;border-color:#efeff1}.app-shell .dialog-primary:hover:not(:disabled),.app-shell .device-rename-submit:hover:not(:disabled),.app-shell .enrollment-primary:hover:not(:disabled){background:#fff;border-color:#fff}.enrollment-approval{background:#020202;width:100%;min-height:100svh;display:flex;position:relative;overflow:hidden}.enrollment-login-panel{background:#020202;flex:1 1 0;justify-content:center;align-items:flex-start;min-width:0;display:flex;position:relative}.enrollment-login-shell{width:100%;min-height:100svh;padding:clamp(3rem,7vw,6.75rem) clamp(2.5rem,7.8vw,7rem);display:flex}.enrollment-login-form{flex-direction:column;width:min(100%,26rem);min-height:min(38rem,100svh - clamp(6rem,14vw,13.5rem));margin:auto;display:flex}.auth-form h1,.enrollment-login-form h1,.enrollment-code-panel h2{letter-spacing:-.01em;margin:0;font-size:clamp(2rem,3vw,3.25rem);font-weight:600}.auth-fields,.enrollment-login-fields{gap:.5rem;margin-top:clamp(3.25rem,8vh,4.5rem);display:grid}.auth-fields label,.enrollment-login-fields label{color:#f1f1f1;font-size:1rem}.auth-fields label:not(:first-child),.enrollment-login-fields label:not(:first-child){margin-top:.65rem}.auth-fields input,.enrollment-login-fields input{color:#f4f4f4;background:#242424;border:1px solid #ffffff14;border-radius:.55rem;width:100%;min-height:3.35rem;padding:.85rem 1rem}#auth-login,#enrollment-login{color:#171717;background:#efeff1;border-color:#ffffff6b}#auth-login::placeholder,#enrollment-login::placeholder{color:#7e828b}#auth-password::placeholder,#enrollment-password::placeholder{color:#9a9da5}.auth-fields input:focus-visible,.auth-submit:focus-visible,.enrollment-login-fields input:focus-visible,.enrollment-login-submit:focus-visible{outline-color:#9a9a9a}.auth-error,.enrollment-login-error{min-height:1.5rem;color:var(--destructive);text-align:center;margin:.75rem 0 0;font-weight:300}.device-update-dialog{box-sizing:border-box;padding:1.6rem}.device-update-description{overflow-wrap:anywhere}.device-update-cancel{color:#f2f2f2;background:#242424;border:1px solid #ffffff26;width:100%;margin-top:.65rem}.device-update-cancel:hover:not(:disabled){background:#303030}.device-version small{margin-top:.28rem;font-size:.75rem;display:block}.auth-error:empty,.enrollment-login-error:empty{min-height:0;margin-top:0}.auth-remember{color:#f5f5f5;cursor:pointer;letter-spacing:0;align-items:center;gap:.5rem;margin:auto 0 1.2rem;font-size:.875rem;font-weight:300;line-height:1;display:flex}.auth-remember input{appearance:none;cursor:pointer;background:#111214;border:1px solid #35383d;border-radius:.22rem;place-content:center;width:1rem;height:1rem;margin:0;display:grid}.auth-remember input:before{content:"";opacity:0;background:#141414;width:.875rem;height:.875rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") 50%/contain no-repeat}.auth-remember input:checked{background:#e5e7eb;border-color:#e5e7eb}.auth-remember input:checked:before{opacity:1}.auth-remember input:focus-visible{outline-color:#8b8d91}.auth-remember input:disabled{cursor:not-allowed;opacity:.55}.auth-remember span{align-items:center;min-height:1rem;line-height:1;display:flex}.auth-submit,.enrollment-login-submit{color:#f7f7f7;background:#303030;width:100%;min-height:3.35rem;margin-top:0}.auth-submit:hover:not(:disabled),.enrollment-login-submit:hover:not(:disabled){background:#414141}.enrollment-code-panel{flex:1 1 0;align-self:flex-start;min-width:0;max-width:800px;height:100svh;position:relative;overflow:hidden}.enrollment-code-promo{background:linear-gradient(90deg,#020202 0% 14%,#040404 24%,#0a0a0a 36%,#181818 52%,#292929 72%,#343434 100%);align-items:center;width:100%;height:100%;padding:2.5rem;display:flex;position:relative;overflow:hidden}.enrollment-code-content,.enrollment-review,.enrollment-status{z-index:2;position:relative}.enrollment-review h1{margin:0 0 2rem;font-size:clamp(1.75rem,3vw,2.5rem)}.device-review-details{gap:.9rem;margin:0 0 1.5rem;display:grid}.device-review-details div{min-width:0}.device-review-details dt{color:var(--muted);font-size:.8rem}.device-review-details dd{overflow-wrap:anywhere;margin:.25rem 0 0;font-weight:600}.device-review-details code{color:#bdc9d8;font-size:.78rem}.device-review-status{min-height:1.5rem;color:var(--muted)}.enrollment-review-label{color:var(--muted);margin:0;font-size:.85rem}.enrollment-review-hostname{margin:.4rem 0 1.5rem;font-size:1.2rem;font-weight:600}.enrollment-review .enrollment-primary{width:100%}.enrollment-code-content{flex-direction:column;align-items:flex-start;gap:1rem;width:58%;max-width:24rem;margin:0;display:flex;transform:translateY(.4rem)}.enrollment-code-content p{color:#e3e3e3;margin:clamp(4.5rem,10vh,7rem) 0 0;font-size:1.15rem}.enrollment-display-code{color:#fff;letter-spacing:.045em;text-wrap:nowrap;font-size:clamp(3rem,4.8vw,4.75rem);font-weight:600;line-height:1;display:block}.enrollment-globe{z-index:0;aspect-ratio:1;pointer-events:none;width:42rem;max-width:none;height:auto;display:block;position:absolute;top:50%;right:-32%;transform:translateY(-50%);-webkit-mask-image:linear-gradient(90deg,#0000001a 0%,#00000026 36%,#000 72%);mask-image:linear-gradient(90deg,#0000001a 0%,#00000026 36%,#000 72%)}.enrollment-status{position:absolute;bottom:2.5rem;left:2.5rem;right:2.5rem}.enrollment-review{width:min(100%,31rem);margin:auto}.enrollment-status:empty{display:none}@media (width>=1280px){.enrollment-code-promo{padding:4rem}.enrollment-globe{width:46rem;right:-18%}.enrollment-status{bottom:4rem;left:4rem;right:4rem}}@media (width>=1536px){.enrollment-globe{width:50rem;right:-8%}}@media (width<=1023px){.enrollment-approval{background:#020202;flex-direction:column;min-height:100svh;display:flex;overflow:visible}.enrollment-login-panel{flex:none;width:100%}.enrollment-login-shell{min-height:auto;padding:3rem 1.5rem}.enrollment-login-form{min-height:31rem}.enrollment-code-panel{border-bottom:1px solid #ffffff0a;border-left:0;flex:none;order:-1;width:100%;max-width:none;height:auto;min-height:22rem;position:relative}.enrollment-code-promo{background:linear-gradient(145deg,#171717 0%,#383838 100%);min-height:22rem;padding:3rem 1.5rem}.enrollment-globe{display:none}.enrollment-code-content{width:100%;max-width:none;transform:none}.enrollment-code-content p{margin-top:3rem}.enrollment-status{bottom:1.5rem;left:1.5rem;right:1.5rem}}.remote-session{color:#fff;background:#030508;position:fixed;inset:0;overflow:hidden}.remote-surface{color:#8e9aab;outline:none;place-items:center;min-width:0;min-height:0;display:grid;position:absolute;inset:0;overflow:hidden}.remote-surface[data-cursor-mode=remote]{cursor:none}.remote-native-cursor{z-index:2;pointer-events:none;image-rendering:auto;transform-origin:0 0;will-change:transform;max-width:none;position:absolute;top:0;left:0}.remote-native-cursor[hidden]{display:none}.remote-video{object-fit:contain;background:#030508;width:100%;min-width:0;height:100%;min-height:0;display:block}.session-waiting,.session-play-video{z-index:1;position:absolute}.session-waiting{color:#95a1b2;font-size:.85rem}.session-toolbar-reveal{z-index:31;background:#1c1c1c;border:1px solid #ffffff1f;border-top:0;border-radius:0 0 .45rem .45rem;width:4.5rem;height:.9rem;transition:transform .18s;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 .35rem 1rem #00000047}.session-toolbar-reveal[data-toolbar-visible=true]{transform:translate(-50%,2.65rem)}.session-toolbar-reveal img{filter:invert(78%);opacity:.5;width:.9rem;height:.9rem;margin:0 auto;display:block}.session-toolbar{--session-toolbar-padding-y:.25rem;--session-menu-gap:8px;z-index:32;width:max-content;max-width:calc(100% - 1rem);min-height:2.65rem;padding:var(--session-toolbar-padding-y) .45rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c1c1c;border:1px solid #ffffff1a;border-top:0;border-radius:0 0 .7rem .7rem;align-items:stretch;transition:transform .18s,opacity .16s;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 .65rem 1.8rem #00000057}.session-toolbar[data-visible=false]{pointer-events:none;opacity:0;transform:translate(-50%,calc(-100% - 1rem))}.session-toolbar-actions,.session-toolbar-group{align-items:center;display:flex}.session-monitor-control{border-right:1px solid #353535;align-items:stretch;min-width:0;margin-right:.25rem;padding-right:.25rem;display:flex}.monitor-selector{color:#d0d0d0;border-radius:.45rem;justify-content:center;align-items:center;width:3.25rem;height:2.1rem;display:flex;position:relative}.monitor-picker{align-items:center;display:flex;position:relative}.monitor-selector{cursor:pointer;background:0 0;border:0;padding:0}.session-monitor-menu{z-index:10;color:#eee;background:#1c1c1c;border:1px solid #383838;border-radius:.75rem;width:19rem;max-width:calc(100vw - 1rem);max-height:65vh;padding:.45rem .75rem;position:absolute;left:0;overflow-y:auto;box-shadow:0 12px 36px #0006}.session-monitor-menu button{width:100%;min-height:2.85rem;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #353535;border-radius:0;align-items:center;gap:.65rem;padding:.45rem .3rem;font-size:.86rem;display:flex}.session-monitor-menu button:last-child{border-bottom:0}.session-monitor-menu button:hover,.session-monitor-menu button:focus-visible{background:#ffffff14}.monitor-choice{border:1px solid #999;border-radius:50%;flex-shrink:0;width:1rem;height:1rem}[aria-checked=true]>.monitor-choice{background:#eee;border-color:#eee;box-shadow:inset 0 0 0 3px #1c1c1c}.monitor-selector:hover:not(:disabled),.monitor-selector:focus-within{color:#fff;background:#ffffff17}.monitor-selector:disabled{cursor:default;opacity:.42}.monitor-selector-caret{filter:invert(85%);width:.7rem;height:.7rem;margin-left:.18rem}.session-toolbar-actions{justify-content:flex-end;align-items:stretch;gap:.1rem}.session-toolbar-group{border-right:1px solid #353535;gap:.1rem;padding-right:.2rem;position:relative}.session-icon-button{color:#d0d0d0;background:0 0;border-color:#0000;border-radius:.45rem;justify-content:center;align-items:center;width:2.1rem;min-width:2.1rem;height:2.1rem;min-height:2.1rem;padding:.45rem;display:inline-flex}.session-toolbar-icon{filter:invert(85%);opacity:.92;width:1.1rem;height:1.1rem;display:block}.session-icon-button:hover:not(:disabled),.session-icon-button[aria-pressed=true]{color:#fff;background:#ffffff17}.session-icon-button:hover:not(:disabled) .session-toolbar-icon,.session-icon-button[aria-pressed=true] .session-toolbar-icon{filter:invert();opacity:1}.session-icon-button:disabled .session-toolbar-icon{opacity:.35}.session-icon-button.is-danger{color:#ff818c}.session-icon-button.is-danger .session-toolbar-icon{filter:invert(49%)sepia(87%)saturate(2724%)hue-rotate(327deg)brightness(103%)contrast(103%);opacity:1}.session-icon-button.is-danger:hover:not(:disabled){color:#fff;background:#ff4b5bb3}.session-quality-control{align-items:center;display:flex;position:relative}.session-monitor-menu,.session-quality-menu{top:calc(100% + var(--session-toolbar-padding-y,.25rem) + 1px + var(--session-menu-gap,8px))}.session-quality-menu{z-index:45;color:#ededed;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1c1c1c;border:1px solid #353535;border-radius:.65rem;width:min(21rem,100vw - 1rem);max-height:calc(100dvh - 5rem);padding:0;position:absolute;left:0;overflow-y:auto;box-shadow:0 1rem 2.5rem #00000073}.session-quality-menu[hidden],.session-quality-menu [hidden]{display:none}.session-display-actions{gap:.5rem;margin:.75rem 0;display:grid}.session-display-actions button{color:#171717;background:#ddd;border:1px solid #aaa;border-radius:.4rem;padding:.65rem;font-size:.85rem;font-weight:500}.session-display-actions button:hover:not(:disabled){background:#fff}.session-display-actions button:disabled{opacity:.5}.session-display-status{color:#b3b3b3;font-size:.75rem;line-height:1.5}.session-display-status:empty{display:none}.session-settings-header{border-bottom:1px solid #353535;align-items:center;gap:.5rem;min-height:3.25rem;padding:.4rem .7rem;display:flex}.session-settings-header h2{margin:0;padding:0 .3rem;font-size:.95rem;font-weight:600}.session-settings-header button{background:0 0;border:0;border-radius:.35rem;justify-content:center;align-items:center;width:2rem;height:2rem;min-height:2rem;padding:.4rem;display:flex}.session-settings-close{margin-left:auto}.session-settings-header img,.session-settings-row img{filter:invert(90%);width:1rem;height:1rem}.session-settings-back img{transform:rotate(90deg)}.session-settings-header button:hover{background:#303030}.session-quality-menu [data-settings-page]{padding:.35rem .85rem .5rem}.session-settings-row{width:100%;min-height:2.8rem;color:inherit;text-align:left;background:0 0;border:0;border-radius:.25rem;align-items:center;gap:.7rem;padding:.45rem .3rem;font-size:.85rem;font-weight:400;display:flex}.session-settings-row:hover{background:#282828}.session-settings-value{color:#aaa;overflow-wrap:anywhere;text-align:right;max-width:55%;margin-left:auto;font-size:.78rem}.session-settings-row img{width:.7rem;height:.7rem;transform:rotate(-90deg)}.session-settings-row[data-settings-open=diagnostics]{border-top:1px solid #353535;border-radius:0;margin-top:.3rem}.session-settings-note{color:#aaa;margin:.6rem .3rem;font-size:.75rem;line-height:1.5}.session-quality-menu :is(button,input,summary):focus-visible{outline-offset:2px;outline:2px solid #ccc}.session-quality-menu fieldset{border:0;min-width:0;margin:0;padding:0}.session-quality-menu legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.session-quality-menu label{cursor:pointer;border-bottom:1px solid #353535;align-items:center;gap:.55rem;min-height:2.85rem;padding:.45rem .3rem;font-size:.86rem;display:flex}.session-quality-menu label:hover{background:#ffffff14}.session-quality-menu input{accent-color:#eee}.session-quality-menu input[type=radio]{flex-shrink:0;order:2;width:1rem;height:1rem;margin:0 0 0 auto}.session-quality-menu label:has(input:disabled){opacity:.45;cursor:default}.session-quality-menu label:last-of-type{border-bottom:0}.session-quality-menu .session-custom-frame-rate{border:1px solid var(--border-strong);width:4.5rem;color:inherit;background:#ffffff0f;border-radius:.35rem;order:3;margin-left:.3rem;padding:.25rem .35rem}.session-quality-menu label strong{font-size:.84rem;font-weight:400}.session-diagnostics{padding:.35rem .3rem}.session-diagnostics[hidden]{display:none}.session-diagnostics h3{color:#aaa;margin:.65rem 0;font-size:.8rem;font-weight:500}.session-diagnostics section+section{border-top:1px solid #353535;padding-top:.3rem}.session-diagnostics summary{cursor:pointer;border-top:1px solid #353535;padding:.85rem 0;font-size:.85rem}.session-diagnostics dl{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:.45rem 1rem;font-size:.75rem;display:grid}.session-diagnostics dt{color:#b3b3b3;overflow-wrap:anywhere}.session-diagnostics dd{text-align:right;overflow-wrap:anywhere;margin:0}.sas-warning-dialog__actions{justify-content:flex-end;gap:.6rem;margin-top:1.25rem;display:flex}@media (width<=1180px){.device-table-header,.device-card{grid-template-columns:minmax(210px,1.3fr) 110px 100px minmax(150px,.8fr) 44px 36px;gap:.8rem}.device-connect{color:#0000;white-space:nowrap;width:2.35rem;padding:0;overflow:hidden}.device-connect i{color:#fff}}@media (width<=900px){.app-topbar{padding:.65rem 1rem;position:static}.devices-page{padding:2.25rem 1rem}.devices-header{margin-bottom:2rem}.device-table-header{display:none}.device-list{gap:.7rem;display:grid}.device-card{background:#111;border:1px solid #ffffff1a;border-radius:.8rem;grid-template-columns:1fr auto;gap:.8rem 1rem;padding:1rem}.device-state-cell,.device-actions{justify-self:end}.device-state-cell{margin-right:2rem}.device-version,.device-last-seen{grid-column:1/-1;justify-content:space-between;display:flex}.device-version:before,.device-last-seen:before{content:attr(data-label);color:#667385}.device-connect-cell{grid-column:1/-1}.device-connect{color:#fff;width:100%}.device-connect i{color:inherit}.device-actions{position:absolute;top:.95rem;right:.8rem}}@media (width<=620px){.devices-header{display:grid}.device-add{width:100%;margin-top:0}.session-toolbar{gap:.25rem;max-width:calc(100% - .5rem);padding-inline:.25rem}.session-toolbar-actions{gap:.05rem}.session-icon-button{min-width:1.95rem;min-height:1.95rem;padding:.35rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms}}
