.pi-dropzone[data-astro-cid-fpduprnn]{position:relative;border:2px dashed var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:3rem 1.5rem;text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease;background:var(--color-bg-soft, #f9fafb)}.pi-dropzone[data-astro-cid-fpduprnn]:hover,.pi-dropzone[data-astro-cid-fpduprnn]:focus-visible{border-color:var(--color-primary, #4f46e5);background:var(--color-primary-pale, #eef2ff);outline:none}.pi-dropzone[data-astro-cid-fpduprnn].is-dragover{border-color:var(--color-primary, #4f46e5);background:var(--color-primary-pale, #eef2ff);border-style:solid}.pi-file-hidden[data-astro-cid-fpduprnn]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.pi-dropzone-inner[data-astro-cid-fpduprnn]{pointer-events:none}.pi-drop-icon[data-astro-cid-fpduprnn]{color:var(--color-cat-format, #0284c7);margin:0 auto .75rem;display:block}.pi-drop-text[data-astro-cid-fpduprnn]{font-size:1.125rem;font-weight:700;color:var(--color-text, #1f2937);margin:0 0 .25rem}.pi-drop-sub[data-astro-cid-fpduprnn]{font-size:.875rem;color:var(--color-text-muted, #6b7280);margin:0 0 .625rem}.pi-drop-link[data-astro-cid-fpduprnn]{color:var(--color-primary, #4f46e5);text-decoration:underline}.pi-drop-formats[data-astro-cid-fpduprnn]{font-size:.75rem;color:var(--color-text-muted, #6b7280);margin:0;line-height:1.6}.pi-main-area[data-astro-cid-fpduprnn]{display:flex;flex-direction:column;gap:1rem}.pi-file-bar[data-astro-cid-fpduprnn]{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--color-bg-soft, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:.875rem;flex-wrap:wrap}.pi-file-bar[data-astro-cid-fpduprnn] svg[data-astro-cid-fpduprnn]{color:var(--color-cat-format, #0284c7);flex-shrink:0}.pi-file-name[data-astro-cid-fpduprnn]{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text, #1f2937)}.pi-file-size[data-astro-cid-fpduprnn]{color:var(--color-text-muted, #6b7280);font-size:.8125rem;flex-shrink:0}.pi-page-badge[data-astro-cid-fpduprnn]{padding:.125rem .5rem;background:var(--color-primary-pale, #eef2ff);color:var(--color-primary, #4f46e5);border-radius:999px;font-size:.75rem;font-weight:700;flex-shrink:0}.pi-settings-panel[data-astro-cid-fpduprnn]{display:flex;flex-direction:column;gap:.875rem;padding:1rem;background:var(--color-bg-soft, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px)}.pi-setting-row[data-astro-cid-fpduprnn]{display:flex;flex-direction:column;gap:.375rem}.pi-setting-label[data-astro-cid-fpduprnn]{font-size:.8125rem;font-weight:700;color:var(--color-text, #1f2937)}.pi-toggle-group[data-astro-cid-fpduprnn]{display:flex;gap:.5rem;flex-wrap:wrap}.pi-toggle-btn[data-astro-cid-fpduprnn]{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.5rem .875rem;min-height:52px;border:1.5px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);background:var(--color-bg, #fff);cursor:pointer;font-size:.9375rem;font-weight:700;color:var(--color-text, #1f2937);transition:border-color .15s ease,background-color .15s ease;line-height:1.2}.pi-toggle-btn[data-astro-cid-fpduprnn].is-active{border-color:var(--color-primary, #4f46e5);background:var(--color-primary-pale, #eef2ff);color:var(--color-primary, #4f46e5)}.pi-toggle-btn[data-astro-cid-fpduprnn]:hover:not(.is-active){border-color:var(--color-primary, #4f46e5)}.pi-toggle-btn[data-astro-cid-fpduprnn]:focus-visible{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.pi-toggle-sub[data-astro-cid-fpduprnn]{font-size:.6875rem;font-weight:400;color:var(--color-text-muted, #6b7280);white-space:nowrap}.pi-toggle-btn[data-astro-cid-fpduprnn].is-active .pi-toggle-sub[data-astro-cid-fpduprnn]{color:var(--color-primary, #4f46e5);opacity:.8}.pi-page-sel-wrap[data-astro-cid-fpduprnn]{display:flex;gap:.375rem;flex-wrap:wrap}.pi-sel-btn[data-astro-cid-fpduprnn]{padding:.375rem .875rem;min-height:36px;border:1.5px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);background:var(--color-bg, #fff);cursor:pointer;font-size:.875rem;font-weight:600;color:var(--color-text, #1f2937);transition:border-color .15s ease,background-color .15s ease}.pi-sel-btn[data-astro-cid-fpduprnn].is-active{border-color:var(--color-primary, #4f46e5);background:var(--color-primary-pale, #eef2ff);color:var(--color-primary, #4f46e5)}.pi-sel-btn[data-astro-cid-fpduprnn]:hover:not(.is-active){border-color:var(--color-primary, #4f46e5)}.pi-sel-btn[data-astro-cid-fpduprnn]:focus-visible{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.pi-range-row[data-astro-cid-fpduprnn]{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--color-bg, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px)}.pi-range-label[data-astro-cid-fpduprnn]{font-size:.8125rem;font-weight:600;color:var(--color-text, #1f2937)}.pi-range-input[data-astro-cid-fpduprnn]{padding:.5rem .75rem;border:1.5px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:.9375rem;color:var(--color-text, #1f2937);background:var(--color-bg, #fff);font-family:var(--font-mono, monospace);transition:border-color .15s ease;min-height:44px}.pi-range-input[data-astro-cid-fpduprnn]:focus{outline:none;border-color:var(--color-primary, #4f46e5)}.pi-range-hint[data-astro-cid-fpduprnn]{font-size:.75rem;color:var(--color-text-muted, #6b7280);margin:0}.pi-quality-row[data-astro-cid-fpduprnn]{padding:.75rem;background:var(--color-bg, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px)}.pi-slider-wrap[data-astro-cid-fpduprnn]{display:flex;align-items:center;gap:.625rem;margin-top:.375rem}.pi-slider[data-astro-cid-fpduprnn]{flex:1;height:6px;cursor:pointer;accent-color:var(--color-primary, #4f46e5)}.pi-slider[data-astro-cid-fpduprnn]:focus-visible{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.pi-slider-min[data-astro-cid-fpduprnn],.pi-slider-max[data-astro-cid-fpduprnn]{font-size:.75rem;color:var(--color-text-muted, #6b7280);flex-shrink:0;width:20px;text-align:center}.pi-thumb-section[data-astro-cid-fpduprnn]{display:flex;flex-direction:column;gap:.625rem}.pi-thumb-header[data-astro-cid-fpduprnn]{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.pi-thumb-title[data-astro-cid-fpduprnn]{font-size:.9375rem;font-weight:700;color:var(--color-text, #1f2937);margin:0}.pi-thumb-actions[data-astro-cid-fpduprnn]{display:flex;gap:.375rem}.pi-check-all-btn[data-astro-cid-fpduprnn],.pi-check-none-btn[data-astro-cid-fpduprnn]{padding:.25rem .625rem;min-height:32px;font-size:.8125rem;font-weight:600;border-radius:var(--radius-md, 8px);cursor:pointer;transition:background-color .15s ease}.pi-check-all-btn[data-astro-cid-fpduprnn]{background:var(--color-primary-pale, #eef2ff);color:var(--color-primary, #4f46e5);border:1.5px solid var(--color-primary, #4f46e5)}.pi-check-all-btn[data-astro-cid-fpduprnn]:hover{background:var(--color-primary, #4f46e5);color:#fff}.pi-check-none-btn[data-astro-cid-fpduprnn]{background:var(--color-bg-soft, #f9fafb);color:var(--color-text-muted, #6b7280);border:1.5px solid var(--color-border, #e5e7eb)}.pi-check-none-btn[data-astro-cid-fpduprnn]:hover{background:var(--color-border, #e5e7eb)}.pi-thumb-grid[data-astro-cid-fpduprnn]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.pi-thumb-item[data-astro-cid-fpduprnn]{display:flex;flex-direction:column;gap:0;border:2px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);overflow:hidden;transition:border-color .2s ease;background:var(--color-bg, #fff)}.pi-thumb-item[data-astro-cid-fpduprnn].is-converted{border-color:var(--color-success, #16a34a)}.pi-thumb-item[data-astro-cid-fpduprnn].is-unchecked{opacity:.4;border-style:dashed}.pi-thumb-img-wrap[data-astro-cid-fpduprnn]{position:relative;background:#f3f4f6;aspect-ratio:.707;overflow:hidden}.pi-thumb-img[data-astro-cid-fpduprnn]{width:100%;height:100%;object-fit:contain;display:block}.pi-thumb-overlay[data-astro-cid-fpduprnn]{position:absolute;inset:0;background:#16a34a80;display:flex;align-items:center;justify-content:center}.pi-thumb-check-icon[data-astro-cid-fpduprnn]{font-size:2rem;color:#fff;font-weight:900;line-height:1}.pi-thumb-footer[data-astro-cid-fpduprnn]{display:flex;align-items:center;justify-content:space-between;padding:.25rem .375rem;gap:.25rem;background:var(--color-bg-soft, #f9fafb);border-top:1px solid var(--color-border, #e5e7eb)}.pi-thumb-check-label[data-astro-cid-fpduprnn]{display:flex;align-items:center;gap:.25rem;cursor:pointer;font-size:.75rem;color:var(--color-text, #1f2937);min-height:24px}.pi-thumb-check[data-astro-cid-fpduprnn]{width:14px;height:14px;cursor:pointer;accent-color:var(--color-primary, #4f46e5)}.pi-thumb-page-num[data-astro-cid-fpduprnn]{font-size:.6875rem;font-weight:600;color:var(--color-text-muted, #6b7280)}.pi-thumb-dl-btn[data-astro-cid-fpduprnn]{padding:.125rem .375rem;min-height:24px;font-size:.6875rem;font-weight:700;background:var(--color-success, #16a34a);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .15s ease;flex-shrink:0}.pi-thumb-dl-btn[data-astro-cid-fpduprnn]:hover:not(:disabled){background:#15803d}.pi-thumb-dl-btn[data-astro-cid-fpduprnn]:disabled{background:var(--color-border, #e5e7eb);color:var(--color-text-muted, #6b7280);cursor:not-allowed}.pi-thumb-dl-btn[data-astro-cid-fpduprnn]:focus-visible{outline:2px solid var(--color-success, #16a34a);outline-offset:2px}.pi-progress-wrap[data-astro-cid-fpduprnn]{display:flex;flex-direction:column;gap:.375rem}.pi-progress-bar[data-astro-cid-fpduprnn]{width:100%;height:8px;background:var(--color-border, #e5e7eb);border-radius:999px;overflow:hidden}.pi-progress-fill[data-astro-cid-fpduprnn]{height:100%;background:var(--color-primary, #4f46e5);border-radius:999px;transition:width .2s ease;width:0%}.pi-progress-label[data-astro-cid-fpduprnn]{font-size:.8125rem;color:var(--color-text-muted, #6b7280);margin:0;text-align:center}.pi-actions[data-astro-cid-fpduprnn]{display:flex;gap:.625rem;flex-wrap:wrap}.pi-btn-convert[data-astro-cid-fpduprnn]{flex:1;min-width:140px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:0 1.25rem;font-size:.9375rem;font-weight:700;background:var(--color-primary, #4f46e5);color:#fff;border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:background-color .15s ease,transform .15s ease}.pi-btn-convert[data-astro-cid-fpduprnn]:hover:not(:disabled){background:var(--color-primary-hover, #4338ca)}.pi-btn-convert[data-astro-cid-fpduprnn]:active:not(:disabled){transform:scale(.97)}.pi-btn-convert[data-astro-cid-fpduprnn]:disabled{opacity:.5;cursor:not-allowed}.pi-btn-convert[data-astro-cid-fpduprnn]:focus-visible{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.pi-btn-zip[data-astro-cid-fpduprnn]{display:flex;align-items:center;justify-content:center;gap:.375rem;min-height:48px;padding:0 1.25rem;font-size:.9375rem;font-weight:700;background:var(--color-success, #16a34a);color:#fff;border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:background-color .15s ease,transform .15s ease}.pi-btn-zip[data-astro-cid-fpduprnn]:hover:not(:disabled){background:#15803d}.pi-btn-zip[data-astro-cid-fpduprnn]:active:not(:disabled){transform:scale(.97)}.pi-btn-zip[data-astro-cid-fpduprnn]:disabled{opacity:.38;cursor:not-allowed}.pi-btn-zip[data-astro-cid-fpduprnn]:focus-visible{outline:2px solid var(--color-success, #16a34a);outline-offset:2px}.pi-btn-reset[data-astro-cid-fpduprnn]{min-height:48px;padding:0 1rem;font-size:.875rem;font-weight:600;background:var(--color-bg-soft, #f9fafb);color:var(--color-text-muted, #6b7280);border:1.5px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);cursor:pointer;transition:background-color .15s ease}.pi-btn-reset[data-astro-cid-fpduprnn]:hover{background:var(--color-border, #e5e7eb)}.pi-btn-reset[data-astro-cid-fpduprnn]:focus-visible{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.pi-result-banner[data-astro-cid-fpduprnn]{padding:.625rem .875rem;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:600;line-height:1.5}.pi-result-banner[data-astro-cid-fpduprnn][data-type=success]{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.pi-result-banner[data-astro-cid-fpduprnn][data-type=warn]{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.pi-error[data-astro-cid-fpduprnn]{padding:.625rem .875rem;background:#fee2e2;color:var(--color-error, #dc2626);border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:600;border:1px solid #fca5a5;margin:0;line-height:1.6}.how-to-steps{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1rem}.how-to-step{display:flex;align-items:flex-start;gap:.75rem}.step-num{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-primary, #4f46e5);color:#fff;font-size:.75rem;font-weight:700;margin-top:.1em}.info-box{padding:.75rem 1rem;background:var(--color-primary-pale, #eef2ff);border-left:4px solid var(--color-primary, #4f46e5);border-radius:0 var(--radius-md, 8px) var(--radius-md, 8px) 0;font-size:.875rem;color:var(--color-text, #1f2937);line-height:1.6}.fi-section{margin-bottom:1.25rem}.fi-section:last-child{margin-bottom:0}.fi-subtitle{font-size:.9375rem;font-weight:700;color:var(--color-text, #1f2937);margin:0 0 .625rem}.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}.res-card{padding:.875rem;background:var(--color-bg-soft, #f9fafb);border:1.5px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);position:relative}.res-card.res-recommend{border-color:var(--color-primary, #4f46e5);background:var(--color-primary-pale, #eef2ff)}.res-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--color-primary, #4f46e5);color:#fff;font-size:.6875rem;font-weight:700;padding:.125rem .5rem;border-radius:999px;white-space:nowrap}.res-label{font-size:.9375rem;font-weight:700;color:var(--color-text, #1f2937);margin-bottom:.125rem}.res-dpi{font-size:.75rem;font-weight:600;color:var(--color-primary, #4f46e5);margin-bottom:.375rem;font-family:var(--font-mono, monospace)}.res-desc{font-size:.75rem;color:var(--color-text-muted, #6b7280);line-height:1.6;margin:0}.compare-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.compare-table{width:100%;min-width:560px;border-collapse:collapse;font-size:.8125rem}.compare-table th,.compare-table td{padding:.5rem .625rem;border:1px solid var(--color-border, #e5e7eb);text-align:left;vertical-align:top}.compare-table th{background:var(--color-primary-pale, #eef2ff);font-weight:700;color:var(--color-primary, #4f46e5);white-space:nowrap}.compare-table tr:first-child td{background:#d1fae5}.compare-summary{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.875rem}.compare-summary-item{padding:.75rem 1rem;background:var(--color-bg-soft, #f9fafb);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb);font-size:.8125rem}.compare-summary-item strong{display:block;margin-bottom:.375rem;font-size:.8125rem;color:var(--color-text, #1f2937)}.compare-summary-item p,.compare-summary-item td{margin:0;color:var(--color-text-muted, #6b7280);line-height:1.6;font-size:.8125rem;border:none;padding:0;background:transparent}.usecase-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.usecase-card{padding:.875rem 1rem;background:var(--color-bg-soft, #f9fafb);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb)}.usecase-icon{font-size:1.25rem;margin-bottom:.375rem}.usecase-title{font-size:.875rem;font-weight:700;margin:0 0 .25rem;color:var(--color-text, #1f2937)}.usecase-desc{font-size:.8125rem;color:var(--color-text-muted, #6b7280);margin:0;line-height:1.6}@media(max-width:640px){.pi-actions[data-astro-cid-fpduprnn]{flex-direction:column}.pi-btn-convert[data-astro-cid-fpduprnn],.pi-btn-zip[data-astro-cid-fpduprnn],.pi-btn-reset[data-astro-cid-fpduprnn]{width:100%;justify-content:center}.pi-toggle-group[data-astro-cid-fpduprnn]{gap:.375rem}.pi-toggle-btn[data-astro-cid-fpduprnn]{flex:1;min-width:0}.pi-thumb-grid[data-astro-cid-fpduprnn]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}}@media(max-width:480px){.res-grid,.compare-summary,.usecase-grid{grid-template-columns:1fr}}[data-astro-cid-fpduprnn][data-theme=dark] .pi-dropzone[data-astro-cid-fpduprnn]{background:var(--color-bg-soft);border-color:var(--color-border)}[data-astro-cid-fpduprnn][data-theme=dark] .pi-dropzone[data-astro-cid-fpduprnn]:hover,[data-astro-cid-fpduprnn][data-theme=dark] .pi-dropzone[data-astro-cid-fpduprnn].is-dragover{background:#1e1b4b;border-color:var(--color-primary)}[data-astro-cid-fpduprnn][data-theme=dark] .pi-file-bar[data-astro-cid-fpduprnn],[data-astro-cid-fpduprnn][data-theme=dark] .pi-settings-panel[data-astro-cid-fpduprnn]{background:var(--color-bg-soft);border-color:var(--color-border)}[data-astro-cid-fpduprnn][data-theme=dark] .pi-toggle-btn[data-astro-cid-fpduprnn]{background:var(--color-bg-soft);border-color:var(--color-border);color:var(--color-text)}[data-astro-cid-fpduprnn][data-theme=dark] .pi-toggle-btn[data-astro-cid-fpduprnn].is-active{background:#1e1b4b}[data-astro-cid-fpduprnn][data-theme=dark] .pi-sel-btn[data-astro-cid-fpduprnn]{background:var(--color-bg-soft);border-color:var(--color-border);color:var(--color-text)}[data-astro-cid-fpduprnn][data-theme=dark] .pi-sel-btn[data-astro-cid-fpduprnn].is-active{background:#1e1b4b}[data-astro-cid-fpduprnn][data-theme=dark] .pi-range-row[data-astro-cid-fpduprnn]{background:var(--color-bg-soft);border-color:var(--color-border)}[data-astro-cid-fpduprnn][data-theme=dark] .pi-range-input[data-astro-cid-fpduprnn]{background:var(--color-bg-soft);border-color:var(--color-border);color:var(--color-text)}[data-astro-cid-fpduprnn][data-theme=dark] .pi-quality-row[data-astro-cid-fpduprnn],[data-astro-cid-fpduprnn][data-theme=dark] .pi-thumb-item[data-astro-cid-fpduprnn],[data-astro-cid-fpduprnn][data-theme=dark] .pi-thumb-footer[data-astro-cid-fpduprnn]{background:var(--color-bg-soft);border-color:var(--color-border)}[data-astro-cid-fpduprnn][data-theme=dark] .pi-btn-reset[data-astro-cid-fpduprnn]{background:var(--color-bg-soft);border-color:var(--color-border);color:var(--color-text-muted)}[data-astro-cid-fpduprnn][data-theme=dark] .res-card{background:var(--color-bg-soft);border-color:var(--color-border)}[data-astro-cid-fpduprnn][data-theme=dark] .res-card.res-recommend{background:#1e1b4b;border-color:var(--color-primary)}[data-astro-cid-fpduprnn][data-theme=dark] .usecase-card,[data-astro-cid-fpduprnn][data-theme=dark] .compare-summary-item{background:var(--color-bg-soft);border-color:var(--color-border)}