/* Make PDF Look Scanned (make-pdf-look-scanned.php). Theme variables come from style.css / tool-dark.css. */

.upload-section { margin-top:50px; background:var(--bg-card); padding:40px; border-radius:16px; box-shadow:0 18px 44px rgba(0,0,0,0.45); text-align:center; border:1px solid var(--border); color:var(--text-primary); }
.file-label { cursor:pointer; display:inline-block; margin-bottom:15px; }
.file-label input[type="file"] { display:none; }
.file-button { display:inline-block; background:linear-gradient(135deg,var(--accent),var(--accent-hover)); color:#fff; padding:10px 20px; border-radius:12px; font-weight:500; box-shadow:0 10px 26px rgba(211,47,47,0.28); }
.file-button:hover { background:linear-gradient(135deg,var(--accent-hover),var(--accent)); }
.drop-zone { border:2px dashed rgba(211,47,47,0.35); border-radius:14px; padding:28px 20px; margin:12px 0 18px; color:var(--text-muted); background:var(--bg-section); transition:border-color 0.2s ease, background 0.2s ease; cursor:pointer; }
.drop-zone.dragover, .drop-zone:focus-visible { border-color:var(--accent); background:var(--bg-elevated); color:var(--text-primary); outline:none; }

.btn { display:inline-block; background:linear-gradient(135deg,var(--accent),var(--accent-hover)); color:#fff; padding:12px 25px; border-radius:12px; font-weight:600; font-size:1rem; transition:transform 0.2s ease; border:1px solid rgba(255,255,255,0.08); box-shadow:0 10px 24px rgba(211,47,47,0.25); cursor:pointer; text-decoration:none; }
.btn:hover { transform:translateY(-2px); }
.btn:disabled { opacity:0.55; cursor:not-allowed; transform:none; }
.btn.btn-secondary { background:var(--bg-elevated); border:1px solid var(--border); box-shadow:none; color:var(--text-primary); }
.btn[hidden] { display:none; }

.error { color:#fca5a5; margin:10px 0; padding:10px 12px; background:rgba(198,40,40,0.14); border-radius:8px; border:1px solid rgba(198,40,40,0.5); }
.error[hidden] { display:none; }

/* Tool */
.ls-privacy { margin:0 0 6px; color:var(--text-muted); font-size:0.95rem; }
.ls-file-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-bottom:18px; padding:10px 14px; background:var(--bg-section); border:1px solid var(--border); border-radius:12px; text-align:left; }
.ls-file-info { font-weight:600; color:var(--text-primary); overflow-wrap:anywhere; }
/* !important: tool-dark.css styles every button on tool pages as a red pill. */
.ls-file-row .ls-link-btn { background:none !important; border:0 !important; box-shadow:none !important; color:var(--accent) !important; font:inherit; font-weight:600; cursor:pointer; padding:4px 0 !important; min-height:0; text-decoration:underline; transform:none !important; }
.ls-link-btn:disabled { opacity:0.5; cursor:not-allowed; }

.ls-layout { display:grid; grid-template-columns:minmax(260px, 340px) 1fr; gap:24px; align-items:start; text-align:left; }
.ls-settings { margin:0; padding:18px; border:1px solid var(--border); border-radius:14px; background:var(--bg-section); min-width:0; }
.ls-settings legend { padding:0 6px; font-weight:700; color:var(--text-heading); }
.ls-field { margin-bottom:16px; }
.ls-label { display:block; margin-bottom:6px; font-size:0.9rem; color:var(--text-muted); }
.ls-segmented { display:flex; flex-wrap:wrap; gap:6px; }
.ls-segmented label { flex:1 1 auto; }
.ls-segmented input { position:absolute; opacity:0; pointer-events:none; }
.ls-segmented span { display:block; text-align:center; padding:8px 10px; border-radius:10px; border:1px solid var(--border); background:var(--bg-elevated); color:var(--text-primary); font-size:0.9rem; cursor:pointer; white-space:nowrap; }
.ls-segmented input:checked + span { background:linear-gradient(135deg,var(--accent),var(--accent-hover)); border-color:transparent; color:#fff; font-weight:600; }
.ls-segmented input:focus-visible + span { outline:2px solid var(--accent); outline-offset:2px; }
.ls-segmented input:disabled + span { opacity:0.55; cursor:not-allowed; }
.ls-check { display:flex; align-items:center; gap:10px; margin:4px 0 18px; cursor:pointer; color:var(--text-primary); }
.ls-check input { width:18px; height:18px; accent-color:var(--accent); }

.ls-actions { display:flex; flex-direction:column; gap:10px; }
.ls-actions .btn { width:100%; text-align:center; }
.ls-progress progress { width:100%; height:8px; margin-top:12px; accent-color:var(--accent); }
.ls-progress[hidden] { display:none; }
.ls-status { min-height:1.4em; margin:10px 0 0; font-size:0.92rem; color:var(--text-muted); }

.ls-preview { margin:0; min-width:0; }
.ls-preview figcaption { font-weight:700; color:var(--text-heading); margin-bottom:8px; }
.ls-preview-frame { position:relative; display:flex; align-items:center; justify-content:center; min-height:320px; padding:16px; border-radius:14px; background:#3a3f47; border:1px solid var(--border); }
.ls-preview-frame canvas { display:block; max-width:100%; max-height:70vh; height:auto; box-shadow:0 8px 24px rgba(0,0,0,0.45); background:#fff; }
.ls-preview-note { margin:8px 0 0; font-size:0.88rem; color:var(--text-muted); }
.ls-preview-spinner { position:absolute; top:12px; right:12px; }
.ls-preview-spinner[hidden] { display:none; }

.pdf-spinner { width:22px; height:22px; border-radius:50%; border:3px solid rgba(255,255,255,0.25); border-top-color:var(--accent); animation:lsSpin 0.8s linear infinite; display:inline-block; }
@keyframes lsSpin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .pdf-spinner { animation:none; } }

/* Content sections */
.content-section { max-width:1200px; margin:50px auto; padding:0 20px; }
.content-section h2 { font-size:1.6rem; color:var(--text-heading); margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid var(--border); }
.content-section p { font-size:1.05rem; line-height:1.8; color:var(--text-muted); margin-bottom:15px; }
.steps-guide { margin-top:25px; }
.step-item { display:flex; gap:20px; margin-bottom:25px; align-items:flex-start; }
.step-num { width:40px; height:40px; background:linear-gradient(135deg,var(--accent),var(--accent-hover)); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.2rem; font-weight:700; flex-shrink:0; }
.step-content h3 { font-size:1.15rem; color:var(--text-heading); margin-bottom:8px; }
.step-content p { margin:0; font-size:1rem; }
.features-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:20px; margin-top:25px; }
.feature-card { background:var(--bg-section); border-radius:12px; padding:25px; text-align:center; border:1px solid var(--border); }
.feature-card h3 { font-size:1.1rem; color:var(--text-heading); margin-bottom:10px; }
.feature-card p { font-size:0.95rem; margin:0; line-height:1.6; }
.use-cases-list { margin:20px 0; padding-left:25px; }
.use-cases-list li { font-size:1rem; line-height:1.8; color:var(--text-muted); margin-bottom:12px; }
.faq-container { margin-top:20px; }
.faq-item { background:var(--bg-section); border:1px solid var(--border); border-radius:10px; padding:20px; margin-bottom:15px; }
.faq-item h3 { font-size:1.05rem; color:var(--text-heading); margin-bottom:10px; }
.faq-item p { font-size:0.95rem; margin:0; line-height:1.7; }
.cta-section { background:linear-gradient(135deg,var(--accent),var(--accent-hover)); padding:40px; border-radius:16px; text-align:center; color:#fff; }
.cta-section h2 { border:none; text-align:center; color:#fff; padding-bottom:0; }
.cta-section p { color:rgba(255,255,255,0.9); }
.related-tools { display:flex; justify-content:center; gap:16px; flex-wrap:wrap; margin-top:25px; }
.related-tool-card { display:flex; align-items:center; justify-content:center; background:var(--bg-section); padding:18px 24px; border-radius:12px; text-decoration:none; border:1px solid var(--border); transition:transform 0.2s, border-color 0.2s; min-width:160px; color:var(--text-primary); }
.related-tool-card:hover { transform:translateY(-3px); border-color:var(--accent); background:var(--bg-elevated); }
.tool-name { font-weight:600; color:var(--text-heading); }

@media (max-width: 800px) {
    .upload-section { padding:24px 16px; margin-top:30px; }
    .ls-layout { grid-template-columns:1fr; }
    .ls-preview { order:-1; }
    .ls-preview-frame { min-height:220px; padding:10px; }
    .ls-preview-frame canvas { max-height:55vh; }
}