.remove-pdf-pages .card-content {
    padding: 1rem;
    text-align: center;
}

/* --- Headings & Text --- */
.remove-pdf-pages .title { font-size: 1.875rem; font-weight: 700; color: #1e293b; margin-bottom: 0.5rem; }
.remove-pdf-pages .subtitle { color: #64748b; margin-bottom: 2rem; }

/* --- Drop Zone --- */
.remove-pdf-pages #drop-zone { border: 2px dashed #cbd5e1; border-radius: 0.75rem; padding: 2.5rem; cursor: pointer; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; }
.remove-pdf-pages #drop-zone.drag-over { background-color: #e2e8f0; border-color: #94a3b8; }
.remove-pdf-pages #drop-zone:hover { background-color: #e2e8f0; border-color: #94a3b8; }
.remove-pdf-pages .drop-zone-content { display: flex; flex-direction: column; align-items: center; }
.remove-pdf-pages .drop-zone-icon { width: 4rem; height: 4rem; color: #94a3b8; margin-bottom: 1rem; }
.remove-pdf-pages p { margin-bottom: 5px; }
.remove-pdf-pages .drop-zone-text-main { font-size: 1.125rem; font-weight: 600; color: #334155; }
.remove-pdf-pages .drop-zone-text-sub { color: #64748b; margin-top: 0.25rem; }

/* --- Buttons --- */
.remove-pdf-pages .btn { border: none; cursor: pointer; border-radius: 0.5rem; font-weight: 600; transition: all 0.2s ease-in-out; padding: 0.5rem 1rem; }
.remove-pdf-pages .btn-primary { margin-top: 1rem; background-color: #2563eb; color: #ffffff; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); }
.remove-pdf-pages .btn-primary:hover { background-color: #1d4ed8; }
.remove-pdf-pages .btn-action { margin-top: 1.5rem; width: 100%; background-color: #dc2626; color: #ffffff; font-weight: 700; padding: 0.75rem 0; }
.remove-pdf-pages .btn-action:hover { background-color: #b91c1c; }
.remove-pdf-pages .btn-secondary { width: 100%; background-color: #e2e8f0; color: #334155; font-weight: 700; padding: 0.75rem 0; }
.remove-pdf-pages .btn-secondary:hover { background-color: #cbd5e1; }
.remove-pdf-pages .btn-download { width: 100%; background-color: #16a34a; color: white !important; margin-bottom: 1rem; padding: 0.75rem; text-decoration: none; display: inline-block; }
.remove-pdf-pages .btn-download:hover { background-color: #15803d; }

/* --- Options & Page Grid --- */
.remove-pdf-pages #options-container { margin-top: 1.5rem; text-align: left; }
.remove-pdf-pages #file-info { margin-bottom: 1.5rem; background-color: #f1f5f9; padding: 1rem; border-radius: 0.5rem; }
.remove-pdf-pages #file-name { font-weight: 500; color: #1e293b; }
.remove-pdf-pages #page-count { font-size: 0.875rem; color: #475569; }

.remove-pdf-pages #page-grid-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 1rem; margin-top: 1rem; max-height: 400px; overflow-y: auto; padding: 0.5rem; background-color: #f8fafc; border-radius: 0.5rem; }
.remove-pdf-pages .page-item { position: relative; border: 2px solid #cbd5e1; border-radius: 0.5rem; padding: 0.5rem; cursor: pointer; text-align: center; background-color: white; }
.remove-pdf-pages .page-item.selected-for-removal { border-color: #ef4444; }
.remove-pdf-pages .page-item.selected-for-removal::after {
    content: '✖';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    color: #ef4444;
    opacity: 0.7;
}
.remove-pdf-pages .page-item-number { font-weight: 600; font-size: 1.25rem; }

/* --- Loader & States --- */
.remove-pdf-pages .loader { border: 4px solid #f3f4f6; border-top: 4px solid #3b82f6; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.remove-pdf-pages .processing-state-content { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 16rem; }
.remove-pdf-pages .processing-state-text { font-size: 1.25rem; font-weight: 600; color: #334155; margin-top: 1.5rem; }

/* --- Result State --- */
.remove-pdf-pages #result-summary { margin: 1.5rem 0; font-size: 1.125rem; font-weight: 500; color: #1e293b; }

/* --- Footer --- */
.remove-pdf-pages footer { text-align: center; margin-top: 0.5rem; font-size: 0.875rem; color: #94a3b8; }

/* --- Utility Classes --- */
.remove-pdf-pages .hidden { display: none !important; }