#marketing[hidden],#queue-status[hidden],#retry[hidden]{display:none!important}
#waiting{max-width:900px;padding:52px 24px 64px;text-align:center}
#waiting h2{font-size:clamp(32px,4vw,52px);font-weight:750;line-height:1.08;letter-spacing:-1.5px}
#waiting .wait-copy,#waiting .demo-note{font-size:16px;line-height:1.6}
#queue-status{display:inline-block;margin:18px auto 4px;padding:13px 20px;border-radius:24px;background:#efeaff;color:#5535da;font-size:16px;font-weight:650}
#waiting #activity{font-size:16px;line-height:1.6;margin:20px auto;max-width:650px;overflow-wrap:anywhere}
#waiting .wait-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px}
#waiting .wait-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid #ddd;border-radius:999px;background:#f6f6f6;color:#111;text-decoration:none;font-family:inherit;font-size:15px;font-weight:600;line-height:1.3;cursor:pointer}
#waiting .wait-actions #retry{background:#111;border-color:#111;color:#fff}
#waiting .wait-actions button:disabled{opacity:.55;cursor:wait}
#history{max-width:1240px;padding:28px 24px;text-align:center}
#account-quota{font-size:14px;color:#666;line-height:1.5;margin:0 0 14px}
#history summary{font-size:17px;font-weight:700;cursor:pointer}
#jobs{display:grid;gap:12px;padding:20px 0}
#jobs button{border:0;background:#f5f5f5;border-radius:18px;padding:18px 22px;font-size:15px;font-weight:600;color:#111;text-align:left;cursor:pointer;overflow-wrap:anywhere}
#waiting .wait-actions button:focus-visible,#jobs button:focus-visible{outline:3px solid #6241f5;outline-offset:3px}
@media(max-width:640px){#waiting{padding:32px 12px 40px}#waiting h2{letter-spacing:-.8px}#waiting .wait-actions{flex-direction:column}#waiting .wait-actions button{width:100%}#history{padding:24px 12px}}

body:has(#waiting:not([hidden])) #history,body:has(#result:not([hidden])) #history{display:block}

#jobs a{display:block;border:0;background:#f5f5f5;border-radius:18px;padding:18px 22px;font-size:15px;font-weight:600;color:#111;text-align:left;text-decoration:none;overflow-wrap:anywhere}#jobs a:focus-visible{outline:3px solid #6241f5;outline-offset:3px}

body #intro .hero-workflow #form [hidden]{display:none!important}
#form .creation-access p{font-size:15px;line-height:1.55;color:#555;margin:0 0 20px;text-align:left}
#form .creation-access #creation-email-note{font-size:13px;margin:14px 0}
#form .creation-access .fields{display:grid;width:100%}
#form .creation-access input{width:100%;min-width:0;font-family:inherit}
#form #creation-code{letter-spacing:.3em;font-size:22px}
#form .creation-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:18px 0}
#form .creation-actions button{background:none;border:0;color:#555;font-family:inherit;font-size:13px;font-weight:600;padding:6px 0;cursor:pointer;width:auto;box-shadow:none}
#form .creation-test-link{display:flex;align-items:center;justify-content:center;padding:15px 20px;border-radius:99px;background:#111;color:white;font-size:15px;font-weight:700;text-decoration:none;text-align:center}
#form #creation-unavailable{background:#f5f1ff;border-radius:18px;padding:16px;margin-top:18px}
#form #creation-unavailable p{font-size:13px;margin-bottom:12px}
#form .creation-actions button:focus-visible,#form .creation-test-link:focus-visible{outline:3px solid #6541f5;outline-offset:3px}

body #intro .hero-workflow #form:is([data-creation-step="email"],[data-creation-step="code"]) .form-invitation{margin-bottom:8px!important}
