:root{--bg-page: #FBFBF9;--bg-surface: #FFFFFF;--bg-subtle: #F6F6F3;--bg-input: #FAFAFA;--text-main: #16181D;--text-muted: #525866;--text-dim: #717784;--border: #E4E4E1;--border-subtle: #EEEEEC;--accent: #2F6F5E;--accent-hover: #26594B;--accent-active: #1D4439;--accent-soft: #E7EFEC;--danger: #991B1B;--danger-bg: #FEF2F2;--danger-border: #FECACA;--font-serif: "Fraunces", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-page);color:var(--text-main);font-family:var(--font-sans);font-size:.875rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.site-header{width:100%;background-color:#fff;border-bottom:1px solid var(--border)}.header-container{max-width:980px;margin:0 auto;padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.header-logo{font-family:var(--font-sans);font-weight:600;font-size:1.0625rem;color:var(--text-main);text-decoration:none;letter-spacing:-.015em}.header-nav{display:flex;align-items:center;gap:1.5rem}.nav-item{color:var(--text-muted);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .15s ease}.nav-item:hover,.nav-item.active{color:var(--accent)}.page-container{width:100%;max-width:980px;margin:0 auto;padding:0 1.5rem;flex:1}.hero-section{padding:3.5rem 0 2rem;text-align:left}.hero-headline{font-family:var(--font-serif);font-size:2.5rem;font-weight:600;line-height:1.15;letter-spacing:-.025em;color:var(--text-main);margin:0 0 .75rem;max-width:820px}.hero-subhead{font-family:var(--font-sans);font-size:1.0625rem;color:var(--text-muted);line-height:1.5;margin:0;max-width:740px}@media(max-width:640px){.hero-section{padding:2.5rem 0 1.5rem}.hero-headline{font-size:2rem}.hero-subhead{font-size:.9375rem}}.tool-workspace{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.25rem;box-shadow:none;margin-bottom:1.25rem}@media(max-width:640px){.tool-workspace{padding:1.25rem}}.tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:1.75rem;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-dim);font-family:var(--font-sans);font-size:.9375rem;font-weight:500;padding:.75rem 1.25rem;cursor:pointer;transition:color .15s ease,border-color .15s ease;margin-bottom:-1px;white-space:nowrap}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tool-view{animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:var(--radius-md);padding:3.5rem 2rem;text-align:center;cursor:pointer;background-color:var(--bg-input);transition:border-color .15s ease,background-color .15s ease;outline:none}.dropzone:hover,.dropzone:focus-visible{border-color:var(--accent);background-color:var(--accent-soft)}.dropzone.drag-active{border-color:var(--accent);background-color:var(--accent-soft);border-style:solid}.dropzone-icon{color:var(--text-dim);margin-bottom:.75rem}.dropzone-primary{font-size:.9375rem;font-weight:500;color:var(--text-main);margin-bottom:.25rem}.dropzone-secondary{font-size:.8125rem;color:var(--text-dim)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.alert{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:1.25rem;word-break:break-word}.alert-error{background-color:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger)}.alert-success{background-color:var(--accent-soft);border:1px solid var(--accent);color:var(--accent)}.tool-notice{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;background-color:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:1.25rem}.tool-notice-badge{font-family:var(--font-sans);font-size:.75rem;font-weight:600;background-color:var(--accent-soft);color:var(--accent);padding:.15rem .5rem;border-radius:var(--radius-sm);flex-shrink:0;margin-top:.1rem}.tool-notice-text{font-size:.84375rem;color:var(--text-main);line-height:1.45;margin:0}.file-section{margin-top:1.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.section-title{font-size:.875rem;font-weight:600;color:var(--text-main)}.header-actions{display:flex;align-items:center;gap:.75rem}.btn-link{background:none;border:none;color:var(--accent);font-family:var(--font-sans);font-size:.8125rem;font-weight:500;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.btn-link:hover{color:var(--accent-hover)}.btn-link-danger{color:var(--danger)}.btn-link-danger:hover{color:#7f1d1d}.hint{font-size:.8125rem;color:var(--text-dim);margin-bottom:.85rem}.file-list{list-style:none;display:flex;flex-direction:column;gap:.4rem;max-height:280px;overflow-y:auto;padding-right:.25rem}.file-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.file-index{display:flex;align-items:center;justify-content:center;width:20px;font-size:.8125rem;color:var(--text-dim);font-weight:500}.file-details{flex:1;min-width:0;display:flex;align-items:baseline;gap:.65rem}.file-name{font-size:.875rem;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.75rem;color:var(--text-dim);white-space:nowrap}.file-controls{display:flex;align-items:center;gap:.3rem}.btn-control{background-color:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);width:28px;height:28px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8125rem;transition:all .12s ease;padding:0}.btn-control:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-control:disabled{opacity:.3;cursor:not-allowed}.btn-control.btn-delete:hover:not(:disabled){border-color:var(--danger-border);color:var(--danger);background-color:var(--danger-bg)}.selected-file-card{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.15rem;margin-top:1rem;background-color:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm)}.selected-file-info{display:flex;align-items:baseline;gap:.65rem;min-width:0;flex:1;margin-right:.75rem}.options-group{margin-top:1.5rem}.group-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-main);margin-bottom:.6rem}.level-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media(max-width:580px){.level-selector{grid-template-columns:1fr}}.level-option{position:relative;display:flex;flex-direction:column;border:1px solid var(--border);background-color:var(--bg-surface);padding:.875rem 1rem;border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.level-option input[type=radio]{position:absolute;opacity:0}.level-option:hover{border-color:var(--text-dim)}.level-option.selected{border-color:var(--accent);background-color:var(--accent-soft)}.option-title{display:block;font-size:.875rem;font-weight:600;color:var(--text-main);margin-bottom:.2rem}.level-option.selected .option-title{color:var(--accent)}.option-desc{display:block;font-size:.75rem;color:var(--text-dim);line-height:1.35}.results-card{margin-top:1.25rem;background-color:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:.75rem;text-align:left}.results-summary-row{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.5rem}.result-stat{display:flex;flex-direction:column}.stat-label{font-size:.75rem;color:var(--text-dim);margin-bottom:.2rem}.stat-val{font-size:1rem;font-weight:600;color:var(--text-main)}.pages-buttons-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;max-height:160px;overflow-y:auto}.btn-page-dl{background-color:var(--bg-surface);color:var(--text-main);border:1px solid var(--border);padding:.4rem .75rem;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.8125rem;font-weight:500;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.btn-page-dl:hover{border-color:var(--accent);color:var(--accent);background-color:var(--accent-soft)}.thumbnail-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:.75rem}.thumbnail-selected-count{font-size:.875rem;font-weight:500;color:var(--text-main)}.thumbnail-actions{display:flex;align-items:center;gap:.75rem}.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.85rem;max-height:480px;overflow-y:auto;padding:.25rem .25rem .5rem;margin-bottom:1.25rem}.thumbnail-card{display:flex;flex-direction:column;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,background-color .15s ease}.thumbnail-card:hover{border-color:var(--text-dim)}.thumbnail-card.selected{border-color:var(--accent);background-color:#f8faf9}.thumbnail-header{display:flex;align-items:center;gap:.45rem;margin-bottom:.45rem;font-size:.75rem;font-weight:500;color:var(--text-muted)}.thumbnail-checkbox{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;margin:0}.thumbnail-label{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumbnail-preview{display:flex;align-items:center;justify-content:center;background-color:var(--bg-subtle);border-radius:var(--radius-sm);overflow:hidden;height:150px}.thumbnail-preview img{max-width:100%;max-height:100%;object-fit:contain;display:block}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}@media(max-width:680px){.trust-strip{grid-template-columns:1fr;gap:.75rem;margin-top:1.25rem}}.trust-step{display:flex;align-items:baseline;gap:.5rem;font-size:.875rem;line-height:1.45;color:var(--text-muted)}.trust-step-num{font-family:var(--font-sans);font-weight:600;color:var(--accent);font-size:.875rem;flex-shrink:0}.trust-step-text{color:var(--text-muted)}.trust-verify{font-size:.8125rem;line-height:1.5;color:var(--text-dim);margin-top:1rem}.trust-link{color:var(--text-muted);text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.trust-link:hover{color:var(--accent)}.actions{margin-top:1.75rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-sans);font-size:.9375rem;font-weight:500;padding:.85rem 1.25rem;border:1px solid var(--accent);border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn-primary:not(:disabled){background-color:#2f6f5e;border-color:#2f6f5e;color:#fff;cursor:pointer}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn-primary:active:not(:disabled){background-color:var(--accent-active);border-color:var(--accent-active);color:#fff}.btn-primary:disabled{background-color:#f4f4f2;color:#a8a8a2;border:1px solid #E4E4E1;cursor:not-allowed}.btn-primary:disabled:has(.spinner){background-color:var(--accent);border-color:var(--accent);color:#fff;cursor:wait}.spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.trust-line{font-family:var(--font-sans);font-size:.875rem;color:var(--text-dim);margin-bottom:4rem}.site-footer{width:100%;border-top:1px solid var(--border);background-color:var(--bg-page);padding:2.5rem 0 3.5rem;margin-top:auto}.footer-container{max-width:980px;margin:0 auto;padding:0 1.5rem}.footer-nav{display:flex;align-items:center;gap:1.5rem;margin-bottom:.85rem;flex-wrap:wrap}.footer-link{color:var(--text-muted);text-decoration:none;font-size:.8125rem;transition:color .15s ease}.footer-link:hover,.footer-link.active{color:var(--accent)}.footer-arch{color:var(--text-dim);font-size:.8125rem;margin:0}.footer-about{color:var(--text-dim);font-size:.8125rem;margin-top:.4rem}.footer-sublink{color:var(--text-muted);text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.footer-sublink:hover{color:var(--accent)}
