.project-starter-dialog { width:min(650px,calc(100% - 28px)); max-height:calc(100dvh - 30px); }
.project-starter-dialog .dialog-body { width:100%; max-width:none; padding:27px; }
.project-starter-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.project-starter-heading h2 { margin:0; font-size:23px; font-weight:500; }
.project-starter-heading button { flex-shrink:0; }
.project-starter-hint { margin:14px 0 20px; color:#b09abc; font-size:12px; line-height:1.8; }
.project-starter-dialog select { width:100%; min-height:43px; padding:10px 12px; border:1px solid #594064; border-radius:8px; color:#e3d4eb; background:#21172a; }
.project-starter-preview { margin-top:20px; padding:17px 20px; border:1px solid #493552; border-radius:11px; background:#221829; }
.project-starter-preview:empty { display:none; }
.project-starter-description { margin:0 0 17px; color:#bba6c8; font-size:12px; line-height:1.8; }
.project-starter-preview ol { display:grid; gap:15px; margin:0; padding-left:20px; color:#b99ecd; }
.project-starter-preview li { padding-left:3px; font-size:11px; }
.project-starter-preview strong { display:block; color:#dac9e6; font-size:12px; font-weight:500; line-height:1.7; }
.project-starter-preview li span { display:block; margin-top:4px; color:#a98eb9; font-size:11px; line-height:1.8; }
.project-starter-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:21px; }
.project-starter-footer small { max-width:300px; color:#9b84ac; font-size:10px; line-height:1.8; }
.project-starter-footer .button { flex-shrink:0; }
#project-starter-error { color:#efb3c8; font-size:12px; line-height:1.8; }
@media(max-width:620px) {
  .project-starter-dialog .dialog-body { padding:21px 18px; }
  .project-starter-heading h2 { font-size:20px; }
  .project-starter-footer { align-items:stretch; flex-direction:column; gap:14px; }
  .project-starter-footer small { max-width:none; }
  .project-starter-dialog input,.project-starter-dialog select { font-size:16px; }
}