.create-request-dialog { width:min(560px,calc(100vw - 32px)); max-height:90dvh; overflow:auto; padding:28px; border:1px solid #514d62; border-radius:20px; background:#1b1b22; color:#eeeaf5; box-shadow:0 30px 100px #0009; } .create-request-dialog::backdrop { background:#080910c9; backdrop-filter:blur(6px); } .create-progress-header { display:flex; align-items:center; justify-content:space-between; gap:16px; color:#79e0eb; font-size:13px; } .create-progress-body { padding:24px 0; } .create-progress-body h2 { font-size:clamp(25px,4vw,34px); margin:12px 0; } .create-progress-body p { color:#c3bfce; line-height:1.7; overflow-wrap:anywhere; } .create-progress-body .create-progress-title { font-size:20px; color:#fff; font-weight:600; } .create-progress-spinner { display:block; width:42px; height:42px; border:4px solid #ffffff20; border-top-color:#70e0e4; border-radius:50%; animation:create-spin .8s linear infinite; } .create-progress-track { height:6px; background:#ffffff15; overflow:hidden; border-radius:6px; margin-top:24px; } .create-progress-track span { display:block; width:35%; height:100%; background:#8edee5; animation:create-track 1.5s ease-in-out infinite alternate; } .create-progress-stage { display:grid; gap:8px; border:1px solid #4c536a; border-radius:12px; padding:18px; background:#242938; } .create-progress-stage span { color:#b9b6c6; font-size:12px; } .create-progress-actions { display:grid; gap:12px; } .create-progress-actions .create-progress-follow { padding:18px; background:#c5b8ff; color:#191629; font-size:18px; font-weight:700; border-radius:12px; } .create-progress-actions small { color:#b9b6c6; line-height:1.6; } @keyframes create-spin { to { transform:rotate(360deg); } } @keyframes create-track { to { transform:translateX(185%); } } @media(prefers-reduced-motion:reduce) { .create-progress-spinner,.create-progress-track span { animation:none; } }