.tools-page{background:radial-gradient(circle at top left,rgba(108,92,231,.35),transparent 28%),radial-gradient(circle at bottom right,rgba(0,210,211,.18),transparent 30%),var(--color-bg);min-height:100vh;position:relative;z-index:1;color:var(--color-text);overflow-x:clip}.tools-page .reveal,.tools-page .reveal--from-left,.tools-page .reveal-stagger.is-visible>*,.tools-page .reveal-stagger>*,.tools-page .reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important;animation:none!important;visibility:visible!important}.tools-shell{max-width:var(--shell-max);width:100%;margin:0 auto;padding:var(--space-md) 0 var(--space-xl);position:relative;z-index:2}.tools-breadcrumbs{display:flex;align-items:center;margin:0 0 var(--space-xs);padding:0;position:relative;z-index:2}@media (max-width:768px){.tools-breadcrumbs{padding:0 var(--space-md)}}.tools-breadcrumbs__list{display:flex;align-items:center;flex-wrap:wrap;gap:.375rem .5rem;list-style:none;margin:0;padding:0}.tools-breadcrumbs__item{display:inline-flex;align-items:center;font-size:var(--text-sm);line-height:var(--leading-normal)}.tools-breadcrumbs__link{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-base)}.tools-breadcrumbs__link:hover{color:var(--color-primary-light,var(--color-primary));text-decoration:underline;text-underline-offset:3px}.tools-breadcrumbs__separator{display:inline-flex;align-items:center;color:var(--color-text-subtle);user-select:none;opacity:.7}.tools-breadcrumbs__separator svg{display:block;width:12px;height:12px}.tools-breadcrumbs__item--current{color:var(--color-text);font-weight:var(--font-medium)}.tool-header{text-align:center;padding:var(--space-lg) 0 var(--space-xl);position:relative;z-index:2}.tool-eyebrow{color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase;margin:0 0 var(--space-sm) 0}.tool-header h1{font-size:clamp(2rem, 5vw, 3rem);font-weight:var(--font-bold);margin:0 0 var(--space-md) 0;color:var(--color-text)}.tool-lead{font-size:var(--text-lg);color:var(--color-text-muted);margin:0 auto;line-height:1.6}.tool-interface{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);border:.0625rem solid var(--border-subtle);box-shadow:var(--shadow-md);position:relative;z-index:2}.upload-zone{border:.125rem dashed var(--border-default);border-radius:var(--radius-lg);padding:3rem var(--space-lg);text-align:center;cursor:pointer;transition:border-color var(--transition-base),background var(--transition-base);background:var(--bg-surface-strong);min-height:12rem;display:flex;align-items:center;justify-content:center}.upload-zone.drag-over,.upload-zone:hover{border-color:var(--color-primary);background:var(--color-primary-hover)}.upload-zone__icon{width:4rem;height:4rem;margin:0 auto var(--space-md);color:var(--color-primary)}.upload-zone__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-xs) 0}.upload-zone__subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin:0 0 var(--space-sm) 0}.upload-zone__hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;opacity:.8}.tool-controls{margin-top:var(--space-xl)}.tool-controls[hidden]{display:none!important}.file-info{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-surface-strong);border-radius:var(--radius-md);margin-bottom:var(--space-lg);width:100%;max-width:100%}.file-info__main{display:flex;align-items:center;gap:var(--space-sm);width:100%;justify-content:space-between}.file-info__icon{font-size:1.5rem}.file-info__details{flex:1;display:flex;flex-direction:column;gap:.25rem}.file-info__name{font-weight:var(--font-semibold);color:var(--color-text)}.file-info__pages{font-size:var(--text-sm);color:var(--color-text-muted)}.file-info__remove{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:var(--bg-error);color:var(--color-error);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-base)}.file-info__remove:hover{background:var(--color-error);color:var(--color-text)}.margin-controls{background:var(--bg-surface-strong);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:0}.controls-and-preview{display:flex;flex-direction:column;gap:var(--space-lg);align-items:stretch}@media (min-width:1024px){.tool-controls{display:flex;flex-direction:column;gap:var(--space-lg);width:100%}.file-info{width:100%}.controls-and-preview{display:grid;grid-template-columns:600px 1fr;gap:var(--space-lg);align-items:start;width:100%}.margin-controls{margin-bottom:0;width:100%}.preview-area{margin-bottom:0;width:100%}}.margin-controls__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-md) 0}.margin-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-lg)}.margin-input{display:flex;flex-direction:column;gap:var(--space-xs)}.margin-input label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);margin-bottom:var(--space-xs);display:block}.margin-input input{padding:var(--space-sm);border:.0625rem solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--color-text);font-size:var(--text-base);font-family:inherit;transition:border-color var(--transition-base)}.margin-input input:focus{outline:0;border-color:var(--color-primary)}.margin-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.margin-actions .btn{flex:1;min-width:10rem}.preview-area{background:var(--bg-surface-strong);border-radius:var(--radius-md);padding:var(--space-lg)}.preview-area__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-md) 0}.preview-canvas{min-height:20rem;background:var(--bg-surface);border:.0625rem solid var(--border-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-placeholder{color:var(--color-text-muted);font-size:var(--text-base);text-align:center;padding:var(--space-lg)}.preview-canvas canvas{max-width:100%;height:auto;display:block;margin:0 auto}.preview-area .btn-success{width:100%;margin-top:var(--space-md)}.progress-container{margin:var(--space-md) 0}.progress-bar{width:100%;height:.5rem;background:var(--bg-surface);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-sm)}.progress-bar__fill{height:100%;background:linear-gradient(90deg,#6c5ce7,#00d2d3);border-radius:var(--radius-sm);transition:width .3s ease;width:0%}.progress-status{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;text-align:center}.btn-success{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff;border:none}.btn-success:hover:not(:disabled){filter:brightness(1.1)}.btn-success:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.tool-features{margin-bottom:var(--space-xl);position:relative;z-index:2}.tool-features h2{text-align:center;font-size:clamp(1.75rem, 4vw, 2.25rem);font-weight:var(--font-bold);margin:0 0 var(--space-lg) 0;color:var(--color-text)}.tools-page .features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media (min-width:48rem){.tools-page .features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.tools-page .features-grid--checks,.tools-page .features-grid:has(> :first-child:nth-last-child(3)),.tools-page .features-grid:has(> :first-child:nth-last-child(6)){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:63.98rem){.tools-page .features-grid:has(> :first-child:nth-last-child(3)){grid-template-columns:1fr}}.tool-how-to{margin-bottom:var(--space-xl);position:relative;z-index:2}.tool-how-to h2{text-align:center;font-size:clamp(1.75rem, 4vw, 2.25rem);font-weight:var(--font-bold);margin:0 0 var(--space-lg) 0;color:var(--color-text)}.tool-how-to .steps-list{max-width:48rem;margin:0 auto}.tool-section-zebra{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;box-sizing:border-box;padding:clamp(3rem,5vw,4.5rem) 0;margin-top:clamp(2rem,4vw,3.5rem);margin-bottom:clamp(2.5rem,4.5vw,4rem)}.tool-section-zebra__inner{width:100%;max-width:var(--shell-max,80%);margin:0 auto;padding:0 var(--space-md,1rem);box-sizing:border-box}.tool-section-zebra h2{text-align:center;font-size:clamp(1.75rem, 4vw, 2.25rem);font-weight:var(--font-bold);margin:0 0 var(--space-lg) 0;color:var(--color-text)}.tool-section-zebra .tool-lead{text-align:center;max-width:46rem;margin-left:auto;margin-right:auto}.section-zebra--1,.tool-section-zebra--1,.tool-section-zebra--steps{background:radial-gradient(ellipse 70% 60% at 50% 0,rgba(108,92,231,.14),transparent 70%),linear-gradient(180deg,rgba(22,26,42,.95) 0,rgba(16,19,31,.98) 100%);border-top:1px solid rgba(108,92,231,.24);border-bottom:1px solid rgba(108,92,231,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}:root.light-theme .section-zebra--1,:root.light-theme .tool-section-zebra--1,:root.light-theme .tool-section-zebra--steps,body.light-theme .section-zebra--1,body.light-theme .tool-section-zebra--1,body.light-theme .tool-section-zebra--steps{background:radial-gradient(ellipse 70% 60% at 50% 0,rgba(108,92,231,.08),transparent 70%),linear-gradient(180deg,#fff 0,#f7f8fc 100%);border-top:1px solid rgba(108,92,231,.18);border-bottom:1px solid rgba(108,92,231,.15)}.section-zebra--2,.tool-section-zebra--2,.tool-section-zebra--notes{background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(0,210,211,.12),transparent 70%),linear-gradient(180deg,rgba(16,26,38,.95) 0,rgba(14,20,32,.98) 100%);border-top:1px solid rgba(0,210,211,.24);border-bottom:1px solid rgba(0,210,211,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}:root.light-theme .section-zebra--2,:root.light-theme .tool-section-zebra--2,:root.light-theme .tool-section-zebra--notes,body.light-theme .section-zebra--2,body.light-theme .tool-section-zebra--2,body.light-theme .tool-section-zebra--notes{background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(0,210,211,.08),transparent 70%),linear-gradient(180deg,#f0f8fa 0,#f7fafc 100%);border-top:1px solid rgba(0,210,211,.2);border-bottom:1px solid rgba(0,210,211,.16)}.tool-section-zebra .feature-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg,.75rem);padding:clamp(1.25rem,2.5vw,1.75rem);box-shadow:0 4px 20px rgba(0,0,0,.2);display:flex;flex-direction:column;height:100%;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.tool-section-zebra .feature-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,.32)}.tool-section-zebra--1 .feature-card:hover,.tool-section-zebra--steps .feature-card:hover{border-color:rgba(108,92,231,.5)}.tool-section-zebra--2 .feature-card:hover,.tool-section-zebra--notes .feature-card:hover{border-color:rgba(0,210,211,.5)}:root.light-theme .tool-section-zebra .feature-card,body.light-theme .tool-section-zebra .feature-card{background:#fff;border-color:rgba(0,0,0,.08);box-shadow:0 2px 10px rgba(0,0,0,.04)}.tool-section-zebra .feature-card p{flex-grow:1}@media (min-width:64rem){.tool-features[aria-labelledby=checks-heading] .features-grid,.tool-features[aria-labelledby=notes-heading] .features-grid,.tool-how-to .features-grid,.tool-section-zebra .features-grid--checks,.tool-section-zebra .features-grid:has(> :first-child:nth-last-child(3)),.tool-section-zebra .features-grid:has(> :first-child:nth-last-child(6)){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:var(--space-lg,1.5rem)!important}}@media (max-width:63.98rem){.tool-features[aria-labelledby=notes-heading] .features-grid,.tool-how-to .features-grid,.tool-section-zebra .features-grid:has(> :first-child:nth-last-child(3)){display:grid!important;grid-template-columns:1fr!important;gap:var(--space-md,1rem)!important}.tool-features[aria-labelledby=checks-heading] .features-grid,.tool-section-zebra .features-grid--checks,.tool-section-zebra .features-grid:has(> :first-child:nth-last-child(6)){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(.75rem,2vw,1.25rem)!important}}@media (max-width:48rem){.tool-features[aria-labelledby=checks-heading] .feature-card,.tool-section-zebra .features-grid--checks .feature-card,.tool-section-zebra .features-grid:has(> :first-child:nth-last-child(6)) .feature-card{padding:clamp(.75rem,2.5vw,1.15rem)}.tool-features[aria-labelledby=checks-heading] .feature-card .feature-icon,.tool-section-zebra .features-grid--checks .feature-card .feature-icon,.tool-section-zebra .features-grid:has(> :first-child:nth-last-child(6)) .feature-card .feature-icon{font-size:1.5rem;margin-bottom:.5rem}.tool-features[aria-labelledby=checks-heading] .feature-card h3,.tool-section-zebra .features-grid--checks .feature-card h3,.tool-section-zebra .features-grid:has(> :first-child:nth-last-child(6)) .feature-card h3{font-size:clamp(.925rem, 2.8vw, 1.05rem);margin-bottom:.35rem;line-height:1.25}.tool-features[aria-labelledby=checks-heading] .feature-card p,.tool-section-zebra .features-grid--checks .feature-card p,.tool-section-zebra .features-grid:has(> :first-child:nth-last-child(6)) .feature-card p{font-size:clamp(.75rem, 2vw, .85rem);line-height:1.4}}.tool-faq{margin-bottom:var(--space-xl);position:relative;z-index:2}.tool-faq h2{text-align:center;font-size:clamp(1.75rem, 4vw, 2.25rem);font-weight:var(--font-bold);margin:0 0 var(--space-lg) 0;color:var(--color-text)}.tool-faq .faq-list{max-width:48rem;margin:0 auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:768px){.tool-interface{padding:var(--space-lg)}.controls-and-preview{grid-template-columns:1fr}.margin-grid{grid-template-columns:1fr 1fr}.margin-actions{flex-direction:column}.margin-actions .btn{width:100%}}@media (max-width:480px){.margin-grid{grid-template-columns:1fr}.file-info{flex-wrap:wrap}.file-info__remove{margin-left:auto}}.error-modal-backdrop{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.6)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important;opacity:0!important;pointer-events:none!important;transition:opacity .3s ease;inset:auto!important;padding:0!important;min-height:auto!important}.error-modal-backdrop.show{opacity:1!important;pointer-events:auto!important}.error-modal{background:#1e293b!important;border:1px solid #334155!important;border-radius:.5rem;max-width:32rem;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)!important;transform:translateY(-20px);transition:transform .3s ease;position:relative!important;display:block!important;inset:auto!important;visibility:visible!important}.error-modal-backdrop.show .error-modal{transform:translateY(0)!important}.error-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #334155}.error-modal-title{font-size:1.125rem;font-weight:600;color:#f5f6fb;margin:0}.error-modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:0 0;color:#94a3b8;cursor:pointer;border-radius:.25rem;transition:background .2s ease,color .2s ease}.error-modal-close:hover{background:#334155;color:#f5f6fb}.error-modal-body{padding:1.25rem 1.5rem}.error-modal-body p{margin:0;color:#cbd5e1;line-height:1.6}.error-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #334155}.val-card{padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--bg-surface-strong);border:.0625rem solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.val-card:hover{border-color:var(--border-light)}.val-card__title{font-size:clamp(1.25rem, 2.5vw, 1.5rem);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 .5rem 0}.pdf2csv-related,.tools-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.25rem}.pdf2csv-related__card,.tools-related__card{display:flex;flex-direction:column;gap:.375rem;padding:1rem 1.25rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-decoration:none;transition:border-color var(--transition-base),background var(--transition-base),transform var(--transition-base)}.pdf2csv-related__card:hover,.tools-related__card:hover{border-color:var(--color-primary-border);background:var(--color-primary-soft);transform:translateY(-2px)}.pdf2csv-related__card-title,.tools-related__card-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.pdf2csv-related__card-desc,.tools-related__card-desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5}