/* The desktop invitation is shown after sign-in, once other dialogs have closed. */
body:has(#studio) dialog.desktop-install{width:min(500px,calc(100vw - 48px));padding:30px;scrollbar-gutter:auto;border-color:var(--studio-dialog-border);overflow:auto}
.desktop-install-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}
#desktop-os-logo{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--studio-dialog-border);border-radius:16px;background:color-mix(in srgb,var(--studio-dialog-text) 5%,var(--studio-dialog-bg));color:var(--studio-dialog-text)}
#desktop-os-logo svg{display:block;width:28px;height:28px;fill:currentColor}
#desktop-install-close{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--studio-dialog-muted);font-size:25px;line-height:1;cursor:pointer}
#desktop-install-close:is(:hover,:focus-visible){background:transparent;color:var(--studio-dialog-text)}
#desktop-install-close:focus{outline:none;box-shadow:none}
#desktop-install-close:focus-visible{font-weight:700}
#desktop-install-platform{display:inline-flex;align-items:center;gap:7px;margin:0 0 10px;font-size:10px;font-weight:650;letter-spacing:.11em;line-height:1.3;text-transform:uppercase;color:var(--studio-dialog-muted)}
#desktop-install-platform::before{content:"";width:5px;height:5px;border-radius:50%;background:#79cb9b}
body:has(#studio) dialog.desktop-install h2{font-size:26px;letter-spacing:-.035em;line-height:1.2;margin:0 0 14px;font-weight:650}
body:has(#studio) dialog.desktop-install p{margin:0;font-size:13px;line-height:1.65;color:var(--studio-dialog-muted)}
#desktop-install-description{margin-bottom:18px!important}
.desktop-install-benefit{display:flex;align-items:flex-start;gap:11px;padding:15px 0;border-top:1px solid var(--studio-dialog-border);border-bottom:1px solid var(--studio-dialog-border);margin-bottom:18px}
.desktop-install-benefit>svg{flex:none;width:19px;height:19px;margin-top:2px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;color:var(--studio-dialog-text)}
body:has(#studio) dialog.desktop-install .desktop-install-benefit p{font-size:12px;line-height:1.6}
#desktop-install-instructions{font-size:12px!important;margin-bottom:18px!important}
#desktop-install-instructions strong{font-weight:600;color:var(--studio-dialog-text)}
body:has(#studio) dialog.desktop-install .desktop-install-session{font-size:11px;line-height:1.65;color:var(--studio-dialog-muted)}
.desktop-install-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:25px}
.desktop-install-actions button{font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;padding:11px 16px;border-radius:9px;cursor:pointer}
#desktop-install-later{background:transparent;border:1px solid var(--studio-dialog-border);color:var(--studio-dialog-text)}
#desktop-install-later:hover{background:color-mix(in srgb,var(--studio-dialog-text) 5%,transparent)}
#desktop-install-action{background:#d9473f;border:1px solid #d9473f;color:#fff}
#desktop-install-action:hover{background:#c83c35;border-color:#c83c35}
#desktop-install-action:disabled{opacity:.65;cursor:wait}
#desktop-install-status:empty{display:none}
#desktop-install-status{margin-top:14px!important;font-size:12px!important}
#desktop-install :is(button,a):not(#desktop-install-close):focus-visible{outline:2px solid #e9817b;outline-offset:4px}
/* Keep smaller windows scrollable without showing a scrollbar on the invitation. */
body:has(#studio) dialog.desktop-install{scrollbar-width:none}
body:has(#studio) dialog.desktop-install::-webkit-scrollbar{display:none;width:0;height:0}
.desktop-login{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#151920;color:#e7ebf1}
.desktop-login-card{width:min(100%,460px);padding:32px;display:flex;flex-direction:column;align-items:flex-start;gap:20px;border-radius:16px}
.desktop-login-card h1{font-size:28px;font-weight:650;line-height:1.2}
.desktop-login-card p{font-size:14px;line-height:1.7}
.desktop-login-card .eyebrow{font-size:10px;color:#aab6c5}
.desktop-login-card .primary{width:100%}
@media(max-width:640px){body:has(#studio) dialog.desktop-install{padding:26px;width:100%}.desktop-install-actions{align-items:stretch;flex-direction:column-reverse}.desktop-install-actions button{width:100%}}