.doctools-page{width:100%;max-width:56rem;padding:8px var(--app-gutter,20px) 40px;flex-direction:column;gap:20px;margin-inline:auto;display:flex}.doctools-header{flex-direction:column;gap:6px;display:flex}.doctools-header .page-title{margin-bottom:2px;font-size:28px}.doctools-subtitle{max-width:38rem;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.doctools-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:768px){.doctools-grid{grid-template-columns:1.1fr .9fr}}.doctools-panel{background:var(--bg-surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:20px;padding:24px;display:flex}.doctools-panel-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0 0 4px;font-size:14px;font-weight:700}.doctools-dropzone{border:2px dashed color-mix(in srgb, var(--color-purple) 55%, var(--border-soft));border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg-surface-raised) 92%, var(--color-purple) 8%);cursor:pointer;text-align:center;min-height:220px;transition:all var(--transition-fast,.2s ease);flex-direction:column;justify-content:center;align-items:center;padding:28px 20px;display:flex;position:relative}.doctools-dropzone:hover{border-color:var(--color-purple);background:color-mix(in srgb, var(--bg-surface-raised) 80%, var(--color-purple) 20%);transform:translateY(-1px)}.doctools-dropzone.is-dragging{border-color:var(--color-purple);background:color-mix(in srgb, var(--color-purple) 22%, var(--bg-surface-raised));box-shadow:0 0 0 4px color-mix(in srgb, var(--color-purple) 25%, transparent)}.doctools-dropzone-icon{width:48px;height:48px;color:var(--color-purple);background:color-mix(in srgb, var(--color-purple) 20%, transparent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.doctools-dropzone-text{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.doctools-dropzone-hint{color:var(--text-muted);font-size:12px}.doctools-file-preview{background:var(--surface-solid,#fff);border:1px solid var(--border-soft);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:14px;width:100%;padding:16px;display:flex}.doctools-img-container{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--text-muted) 8%, transparent);justify-content:center;align-items:center;width:100%;max-height:200px;display:flex;position:relative;overflow:hidden}.doctools-img-preview{object-fit:contain;border-radius:4px;max-width:100%;max-height:200px}.doctools-file-meta{text-align:center;flex-direction:column;gap:4px;width:100%;display:flex}.doctools-filename{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.doctools-filesize-tag{color:var(--text-muted);font-size:12px;font-weight:600;font-family:var(--font-mono)}.doctools-mode-tabs{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-sm);gap:4px;padding:3px;display:flex}.doctools-mode-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast,.15s ease);background:0 0;border:none;border-radius:4px;flex:1;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600}.doctools-mode-btn:hover{color:var(--text-primary)}.doctools-mode-btn.is-active{background:var(--surface-solid,#fff);color:var(--text-primary);box-shadow:var(--shadow-sm)}.doctools-chip-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.doctools-chip{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-solid,#fff);color:var(--text-secondary);cursor:pointer;text-align:center;transition:all var(--transition-fast,.15s ease);padding:10px 8px;font-family:inherit;font-size:13px;font-weight:600}.doctools-chip:hover{border-color:var(--border-focus);color:var(--text-primary)}.doctools-chip.is-active{background:color-mix(in srgb, var(--color-purple) 22%, var(--surface-solid));border-color:var(--color-purple);color:var(--text-primary);box-shadow:0 0 0 1px var(--color-purple)}.doctools-preset-chips-flex{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.doctools-small-chip{border:1px solid var(--border-soft);background:var(--surface-solid,#fff);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast,.15s ease);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.doctools-small-chip:hover{border-color:var(--color-purple);color:var(--text-primary)}.doctools-small-chip.is-active{background:color-mix(in srgb, var(--color-purple) 25%, transparent);border-color:var(--color-purple);color:var(--text-primary)}.doctools-number-input{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-solid,#fff);width:120px;color:var(--text-primary);font-family:var(--font-mono);transition:border-color var(--transition-fast,.15s ease);outline:none;padding:8px 12px;font-size:14px;font-weight:600}.doctools-number-input:focus{border-color:var(--color-purple);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-purple) 30%, transparent)}.doctools-result-card{border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent-green) 10%, var(--bg-surface-raised));border:1px solid color-mix(in srgb, var(--accent-green) 35%, transparent);flex-direction:column;gap:14px;padding:20px;display:flex}.doctools-result-header{justify-content:space-between;align-items:center;display:flex}.doctools-result-title{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.doctools-savings-badge{background:color-mix(in srgb, var(--accent-green) 25%, transparent);color:var(--accent-green);font-size:12px;font-weight:800;font-family:var(--font-mono);border-radius:999px;padding:4px 10px}.doctools-comparison-bar-track{background:color-mix(in srgb, var(--text-muted) 20%, transparent);border-radius:999px;height:10px;margin:6px 0;position:relative;overflow:hidden}.doctools-comparison-bar-fill{background:var(--accent-green);border-radius:999px;height:100%;transition:width .4s}.doctools-comparison-details{color:var(--text-secondary);justify-content:space-between;font-size:12px;display:flex}.doctools-btn-primary{border-radius:var(--radius-sm);background:var(--color-purple);width:100%;color:var(--on-accent,#fff);cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb, var(--color-purple) 35%, transparent);transition:all var(--transition-fast,.15s ease);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.doctools-btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--color-purple) 88%, #000);box-shadow:0 4px 14px color-mix(in srgb, var(--color-purple) 45%, transparent);transform:translateY(-1px)}.doctools-btn-primary:disabled{opacity:.6;cursor:not-allowed}.doctools-btn-secondary{border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:var(--surface-solid,#fff);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast,.15s ease);justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.doctools-btn-secondary:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-focus)}.doctools-features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:10px;display:grid}.doctools-feature-card{border-radius:var(--radius-md);background:var(--bg-surface-raised);border:1px solid var(--border-soft);align-items:flex-start;gap:14px;padding:18px;display:flex}.doctools-feature-icon{background:color-mix(in srgb, var(--color-purple) 20%, transparent);width:36px;height:36px;color:var(--color-purple);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.doctools-feature-title{color:var(--text-primary);margin:0 0 2px;font-size:14px;font-weight:700}.doctools-feature-desc{color:var(--text-muted);margin:0;font-size:12px;line-height:1.45}.doctools-hint-divider{border-top:1px solid color-mix(in srgb, var(--color-purple) 45%, var(--border-soft));color:var(--text-muted);padding-top:10px;font-size:12px;line-height:1.5}.imgconv-format-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}@media (max-width:480px){.imgconv-format-grid{grid-template-columns:repeat(3,1fr)}}.imgconv-format-btn{border:2px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-solid,#fff);cursor:pointer;transition:all var(--transition-fast,.15s ease);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 6px;display:flex}.imgconv-format-btn:hover{border-color:color-mix(in srgb, var(--fmt-color,var(--color-purple)) 60%, transparent);background:color-mix(in srgb, var(--fmt-color,var(--color-purple)) 8%, var(--surface-solid))}.imgconv-format-btn.is-active{border-color:var(--fmt-color,var(--color-purple));background:color-mix(in srgb, var(--fmt-color,var(--color-purple)) 15%, var(--surface-solid));box-shadow:0 0 0 1px var(--fmt-color,var(--color-purple))}.imgconv-format-label{color:var(--text-primary);letter-spacing:.04em;font-size:13px;font-weight:800}.imgconv-format-desc{color:var(--text-muted);font-size:10px;line-height:1.2}.pdfcomp-level-btn{border:1.5px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-solid,#fff);cursor:pointer;text-align:left;transition:all var(--transition-fast,.15s ease);align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.pdfcomp-level-btn:hover{border-color:var(--color-purple);background:color-mix(in srgb, var(--color-purple) 5%, var(--surface-solid))}.pdfcomp-level-btn.is-active{border-color:var(--color-purple);background:color-mix(in srgb, var(--color-purple) 12%, var(--surface-solid));box-shadow:0 0 0 1px var(--color-purple)}.pdfcomp-level-radio{border:2px solid var(--border-soft);width:18px;height:18px;transition:border-color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pdfcomp-level-btn.is-active .pdfcomp-level-radio{border-color:var(--color-purple)}.pdfcomp-level-radio-dot{background:var(--color-purple);border-radius:50%;width:8px;height:8px}.pdfcomp-pdf-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-purple) 12%, var(--surface-solid));width:80px;height:80px;color:var(--color-purple);justify-content:center;align-items:center;margin:8px auto;display:flex}.pdfmerge-file-list{flex-direction:column;gap:8px;display:flex}.pdfmerge-file-row{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-solid,#fff);transition:border-color var(--transition-fast);align-items:center;gap:10px;padding:10px 12px;display:flex}.pdfmerge-file-row:hover{border-color:var(--color-purple)}.pdfmerge-file-order{background:color-mix(in srgb, var(--color-purple) 18%, transparent);width:24px;height:24px;color:var(--color-purple);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.pdfmerge-file-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pdfmerge-file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.pdfmerge-file-size{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.pdfmerge-file-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.pdfmerge-arrow-btn{border:1px solid var(--border-soft);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:13px;display:flex}.pdfmerge-arrow-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-focus)}.pdfmerge-arrow-btn:disabled{opacity:.3;cursor:not-allowed}.pdfmerge-remove-btn{width:26px;height:26px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;font-size:12px;display:flex}.pdfmerge-remove-btn:hover{color:#ef4444;background:#ef444426;border-color:#ef44444d}