.welcome-dialog{width:min(880px,calc(100% - 48px));max-height:calc(100dvh - 48px);scrollbar-gutter:auto}
.welcome-dialog .modal-shell{padding:0}
.welcome-layout{display:grid;grid-template-columns:4fr 5fr;min-height:490px}
.welcome-image{background:var(--surface);min-width:0;overflow:clip}
.welcome-image img{width:100%;height:100%;object-fit:cover;object-position:44% center}
.welcome-copy{padding:56px 40px 36px}
.welcome-dialog .modal-title{font-size:40px;line-height:1.05;font-weight:500;white-space:pre-line;margin:0 0 24px;max-width:none}
.welcome-dialog .welcome-body{font-size:19px;line-height:1.45;margin-bottom:26px;max-width:31ch}
.welcome-preview{background:var(--surface);padding:18px 20px;margin-bottom:24px}
.welcome-dialog .welcome-preview-label{font-size:15px;font-weight:600;margin:0 0 7px;line-height:1.4}
.welcome-dialog #welcome-preview{font-size:15px;line-height:1.5;margin:0;color:var(--muted)}
.welcome-actions{display:flex;flex-direction:column;align-items:stretch;gap:5px}
.welcome-actions .button{font-size:16px;padding-inline:18px}
.welcome-actions .text-button{align-self:center;font-size:15px;min-height:44px}
.welcome-dialog .modal-close{background:var(--bg)}
@media(max-width:680px){.welcome-dialog{width:calc(100% - 32px);max-height:calc(100dvh - 32px)}.welcome-layout{display:block;min-height:0}.welcome-image{height:150px}.welcome-image img{object-position:50% 58%}.welcome-copy{padding:28px 24px 22px}.welcome-dialog .modal-title{font-size:34px;margin-bottom:20px}.welcome-dialog .welcome-body{font-size:18px;margin-bottom:22px;max-width:35ch}.welcome-preview{padding:16px 18px;margin-bottom:20px}.welcome-dialog .modal-close{top:12px;right:12px}.welcome-dialog .welcome-preview-label,.welcome-dialog #welcome-preview{font-size:14px}}