pdf2zh/webapp/modal.css

/* Full-screen overlay: dims + blurs the page so nothing is clickable while a
   translation runs. */
#modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
#modal-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--background-fill-primary);
    border-radius: 14px;
    padding: 28px 32px;
    width: 340px;
    max-width: 90vw;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.35);
    text-align: center;
}
#modal-box .spinner {
    width: 40px;
    height: 40px;
    margin: 0 auto 16px;
    border: 4px solid var(--neutral-200, #e5e7eb);
    border-top-color: var(--primary-500, #2563eb);
    border-radius: 50%;
    animation: modal-spin 0.9s linear infinite;
}
@keyframes modal-spin {
    to { transform: rotate(360deg); }
}
#modal-box .modal-title { font-weight: 600; font-size: 1.1rem; margin-bottom: 6px; }
#modal-box .modal-msg { color: var(--body-text-color-subdued); font-size: 0.9rem; }