.webp-tool[data-astro-cid-qocdfn7p]{display:flex;flex-direction:column;gap:1rem}.direction-switcher[data-astro-cid-qocdfn7p]{display:flex;gap:.5rem;flex-wrap:wrap}.dir-btn[data-astro-cid-qocdfn7p]{flex:1;min-width:140px;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1rem;min-height:44px;font-size:.875rem;font-weight:600;color:var(--color-text-muted, #6b7280);background:var(--color-bg-soft, #f9fafb);border:2px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.dir-btn[data-astro-cid-qocdfn7p]:hover{border-color:var(--color-cat-format, #0284c7);color:var(--color-cat-format, #0284c7)}.dir-btn--active[data-astro-cid-qocdfn7p]{background:var(--color-cat-format, #0284c7);border-color:var(--color-cat-format, #0284c7);color:#fff}.dir-btn--active[data-astro-cid-qocdfn7p]:hover{background:#0369a1;border-color:#0369a1;color:#fff}.dir-icon[data-astro-cid-qocdfn7p]{font-size:1rem}.quality-row[data-astro-cid-qocdfn7p]{display:flex;flex-direction:column;gap:.375rem}.quality-label[data-astro-cid-qocdfn7p]{font-size:.875rem;font-weight:600;color:var(--color-text, #1f2937);display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.quality-label[data-astro-cid-qocdfn7p] strong[data-astro-cid-qocdfn7p]{color:var(--color-cat-format, #0284c7);min-width:2.5rem}.quality-hint[data-astro-cid-qocdfn7p]{font-size:.75rem;font-weight:400;color:var(--color-text-muted, #6b7280)}.quality-slider[data-astro-cid-qocdfn7p]{width:100%;height:6px;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--color-cat-format, #0284c7) 0%,var(--color-cat-format, #0284c7) calc((var(--quality-pct, 85) / 100) * 100%),var(--color-border, #e5e7eb) calc((var(--quality-pct, 85) / 100) * 100%),var(--color-border, #e5e7eb) 100%);border-radius:999px;cursor:pointer;outline:none}.quality-slider[data-astro-cid-qocdfn7p]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-cat-format, #0284c7);cursor:pointer;box-shadow:0 1px 4px #0284c766;transition:box-shadow .15s ease}.quality-slider[data-astro-cid-qocdfn7p]::-webkit-slider-thumb:hover{box-shadow:0 2px 8px #0284c799}.quality-slider[data-astro-cid-qocdfn7p]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-cat-format, #0284c7);cursor:pointer;border:none}.quality-slider[data-astro-cid-qocdfn7p]:focus-visible{outline:2px solid var(--color-cat-format, #0284c7);outline-offset:3px}.quality-marks[data-astro-cid-qocdfn7p]{display:flex;justify-content:space-between;font-size:.6875rem;color:var(--color-text-muted, #6b7280)}.drop-zone[data-astro-cid-qocdfn7p]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:1.5rem 1rem;min-height:160px;border:2px dashed var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px);background:var(--color-bg-soft, #f9fafb);cursor:pointer;transition:border-color .15s ease,background-color .15s ease;text-align:center;contain:layout}.drop-zone[data-astro-cid-qocdfn7p]:hover,.drop-zone[data-astro-cid-qocdfn7p].is-dragover{border-color:var(--color-cat-format, #0284c7);background:#f0f9ff}.drop-zone[data-astro-cid-qocdfn7p]:focus-visible{outline:2px solid var(--color-cat-format, #0284c7);outline-offset:2px}.file-input-hidden[data-astro-cid-qocdfn7p]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.drop-icon[data-astro-cid-qocdfn7p]{font-size:2rem;line-height:1}.drop-primary[data-astro-cid-qocdfn7p]{font-size:.9375rem;font-weight:600;color:var(--color-text, #1f2937)}.drop-secondary[data-astro-cid-qocdfn7p]{font-size:.8125rem;color:var(--color-text-muted, #6b7280)}.drop-btn[data-astro-cid-qocdfn7p]{padding:.5rem 1.25rem;min-height:44px;font-size:.875rem;font-weight:600;color:#fff;background:var(--color-cat-format, #0284c7);border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:background-color .15s ease}.drop-btn[data-astro-cid-qocdfn7p]:hover{background:#0369a1}.drop-btn[data-astro-cid-qocdfn7p]:focus-visible{outline:2px solid var(--color-cat-format, #0284c7);outline-offset:2px}.drop-note[data-astro-cid-qocdfn7p]{font-size:.75rem;color:var(--color-text-muted, #6b7280)}.result-section[data-astro-cid-qocdfn7p]{display:flex;flex-direction:column;gap:.5rem}.bulk-bar[data-astro-cid-qocdfn7p]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.625rem .75rem;background:var(--color-bg-soft, #f9fafb);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb)}.bulk-count[data-astro-cid-qocdfn7p]{flex:1;font-size:.875rem;font-weight:600;color:var(--color-text, #1f2937)}.bulk-dl-btn[data-astro-cid-qocdfn7p]{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;min-height:44px;font-size:.8125rem;font-weight:600;color:#fff;background:var(--color-cat-format, #0284c7);border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.bulk-dl-btn[data-astro-cid-qocdfn7p]:disabled{opacity:.5;cursor:not-allowed}.bulk-dl-btn[data-astro-cid-qocdfn7p]:not(:disabled):hover{background:#0369a1}.clear-btn[data-astro-cid-qocdfn7p]{padding:.5rem .875rem;min-height:44px;font-size:.8125rem;font-weight:500;color:var(--color-text-muted, #6b7280);background:transparent;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);cursor:pointer;transition:border-color .15s ease,color .15s ease}.clear-btn[data-astro-cid-qocdfn7p]:hover{border-color:var(--color-error, #dc2626);color:var(--color-error, #dc2626)}.result-list[data-astro-cid-qocdfn7p]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.result-card[data-astro-cid-qocdfn7p]{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-bg, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);animation:card-in .2s ease}@keyframes card-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.rc-thumb-wrap[data-astro-cid-qocdfn7p]{flex-shrink:0;width:56px;height:56px;border-radius:var(--radius-sm, 4px);overflow:hidden;background:var(--color-bg-soft, #f9fafb);border:1px solid var(--color-border, #e5e7eb);aspect-ratio:1}.rc-thumb[data-astro-cid-qocdfn7p]{width:100%;height:100%;object-fit:cover;display:block}.rc-info[data-astro-cid-qocdfn7p]{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.rc-name[data-astro-cid-qocdfn7p]{font-size:.8125rem;font-weight:600;color:var(--color-text, #1f2937);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-meta[data-astro-cid-qocdfn7p]{font-size:.75rem;color:var(--color-text-muted, #6b7280);margin:0;display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.size-before[data-astro-cid-qocdfn7p]{color:var(--color-text-muted, #6b7280);text-decoration:line-through}.size-after[data-astro-cid-qocdfn7p]{font-weight:600;color:var(--color-success, #16a34a)}.saving-badge[data-astro-cid-qocdfn7p]{display:inline-flex;align-items:center;padding:.0625rem .375rem;font-size:.6875rem;font-weight:700;color:#fff;background:var(--color-success, #16a34a);border-radius:999px}.saving-badge--neutral[data-astro-cid-qocdfn7p]{background:var(--color-warning, #d97706)}.rc-dl-btn[data-astro-cid-qocdfn7p]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#fff;background:var(--color-cat-format, #0284c7);border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.rc-dl-btn[data-astro-cid-qocdfn7p]:disabled{opacity:.4;cursor:not-allowed}.rc-dl-btn[data-astro-cid-qocdfn7p]:not(:disabled):hover{background:#0369a1}.rc-dl-btn[data-astro-cid-qocdfn7p]:focus-visible{outline:2px solid var(--color-cat-format, #0284c7);outline-offset:2px}.howto-list[data-astro-cid-qocdfn7p]{margin:.5rem 0 0;padding-left:1.5rem;font-size:.9rem;line-height:1.8;color:var(--color-text, #1f2937)}.howto-list[data-astro-cid-qocdfn7p] li[data-astro-cid-qocdfn7p]{margin-bottom:.375rem}.merit-grid[data-astro-cid-qocdfn7p]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:.75rem 0}@media(max-width:600px){.merit-grid[data-astro-cid-qocdfn7p]{grid-template-columns:1fr}}.merit-card[data-astro-cid-qocdfn7p]{display:flex;gap:.625rem;padding:.75rem;background:var(--color-bg-soft, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px)}.merit-icon[data-astro-cid-qocdfn7p]{font-size:1.25rem;flex-shrink:0;line-height:1.3}.merit-card[data-astro-cid-qocdfn7p] strong[data-astro-cid-qocdfn7p]{display:block;font-size:.875rem;margin-bottom:.25rem;color:var(--color-text, #1f2937)}.merit-card[data-astro-cid-qocdfn7p] p[data-astro-cid-qocdfn7p]{font-size:.8125rem;line-height:1.6;color:var(--color-text-muted, #6b7280);margin:0}.acc-h3[data-astro-cid-qocdfn7p]{font-size:.9375rem;font-weight:700;color:var(--color-text, #1f2937);margin:1rem 0 .5rem}.compare-table-wrapper[data-astro-cid-qocdfn7p]{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb)}.compare-table[data-astro-cid-qocdfn7p]{width:100%;border-collapse:collapse;font-size:.8125rem;background:var(--color-bg, #ffffff)}.compare-table[data-astro-cid-qocdfn7p] th[data-astro-cid-qocdfn7p],.compare-table[data-astro-cid-qocdfn7p] td[data-astro-cid-qocdfn7p]{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--color-border, #e5e7eb);white-space:nowrap}.compare-table[data-astro-cid-qocdfn7p] th[data-astro-cid-qocdfn7p]{background:var(--color-bg-soft, #f9fafb);font-weight:700;font-size:.75rem;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.04em}.compare-table[data-astro-cid-qocdfn7p] tr[data-astro-cid-qocdfn7p]:last-child td[data-astro-cid-qocdfn7p]{border-bottom:none}.compare-table[data-astro-cid-qocdfn7p] .ok[data-astro-cid-qocdfn7p]{color:var(--color-success, #16a34a);font-weight:600}.compare-table[data-astro-cid-qocdfn7p] .ng[data-astro-cid-qocdfn7p]{color:var(--color-error, #dc2626);font-weight:600}.table-note[data-astro-cid-qocdfn7p]{font-size:.75rem;color:var(--color-text-muted, #6b7280);margin:.375rem 0 0}.how-to-steps[data-astro-cid-qocdfn7p]{display:flex;flex-direction:column;gap:.875rem}.how-to-step[data-astro-cid-qocdfn7p]{display:flex;gap:.75rem;align-items:flex-start}.step-num[data-astro-cid-qocdfn7p]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;font-size:.8125rem;font-weight:800;color:#fff;background:var(--color-cat-format, #0284c7);border-radius:50%}.how-to-step[data-astro-cid-qocdfn7p]>div[data-astro-cid-qocdfn7p]{flex:1}.how-to-step[data-astro-cid-qocdfn7p] strong[data-astro-cid-qocdfn7p]{display:block;font-size:.9375rem;margin-bottom:.25rem;color:var(--color-text, #1f2937)}.how-to-step[data-astro-cid-qocdfn7p] p[data-astro-cid-qocdfn7p]{font-size:.875rem;color:var(--color-text-muted, #6b7280);margin:0 0 .375rem}.inner-list[data-astro-cid-qocdfn7p]{margin:.375rem 0 0 .25rem;padding-left:1rem;font-size:.8125rem;line-height:1.7;color:var(--color-text-muted, #6b7280)}.note-box[data-astro-cid-qocdfn7p]{display:flex;gap:.625rem;margin-top:1rem;padding:.75rem 1rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--radius-md, 8px);font-size:.875rem}.note-icon[data-astro-cid-qocdfn7p]{font-size:1.125rem;flex-shrink:0;line-height:1.4}.note-box[data-astro-cid-qocdfn7p] strong[data-astro-cid-qocdfn7p]{display:block;font-size:.875rem;color:var(--color-text, #1f2937);margin-bottom:.25rem}.note-box[data-astro-cid-qocdfn7p] p[data-astro-cid-qocdfn7p]{font-size:.8125rem;color:var(--color-text-muted, #6b7280);margin:0;line-height:1.6}.tip-box[data-astro-cid-qocdfn7p]{padding:.75rem 1rem;background:#fefce8;border:1px solid #fde68a;border-radius:var(--radius-md, 8px);font-size:.875rem}.tip-box[data-astro-cid-qocdfn7p] strong[data-astro-cid-qocdfn7p]{display:block;font-size:.875rem;color:var(--color-text, #1f2937);margin-bottom:.25rem}.tip-box[data-astro-cid-qocdfn7p] p[data-astro-cid-qocdfn7p]{font-size:.8125rem;color:var(--color-text-muted, #6b7280);margin:0;line-height:1.6}.usecase-grid[data-astro-cid-qocdfn7p]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:600px){.usecase-grid[data-astro-cid-qocdfn7p]{grid-template-columns:1fr}}.usecase-card[data-astro-cid-qocdfn7p]{padding:.875rem;border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb)}.usecase-card--web[data-astro-cid-qocdfn7p]{background:#f0fdf4;border-color:#bbf7d0}.usecase-card--print[data-astro-cid-qocdfn7p]{background:#fff7ed;border-color:#fed7aa}.usecase-title[data-astro-cid-qocdfn7p]{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:700;color:var(--color-text, #1f2937);margin-bottom:.625rem}.usecase-list[data-astro-cid-qocdfn7p]{margin:0;padding:0;list-style:none;font-size:.8125rem;line-height:1.7;color:var(--color-text-muted, #6b7280)}.usecase-list[data-astro-cid-qocdfn7p] li[data-astro-cid-qocdfn7p]{padding:.125rem 0}.usecase-note[data-astro-cid-qocdfn7p]{margin:.5rem 0 0;font-size:.75rem;font-weight:600;color:var(--color-text-muted, #6b7280);font-style:italic}.info-section[data-astro-cid-qocdfn7p]>p[data-astro-cid-qocdfn7p]{font-size:.9rem;line-height:1.75;color:var(--color-text-muted, #6b7280)}[data-astro-cid-qocdfn7p][data-theme=dark] .drop-zone[data-astro-cid-qocdfn7p]{background:var(--color-bg-soft);border-color:var(--color-border)}[data-astro-cid-qocdfn7p][data-theme=dark] .drop-zone[data-astro-cid-qocdfn7p]:hover,[data-astro-cid-qocdfn7p][data-theme=dark] .drop-zone[data-astro-cid-qocdfn7p].is-dragover{border-color:var(--color-cat-format, #0284c7);background:#0284c71a}[data-astro-cid-qocdfn7p][data-theme=dark] .result-card[data-astro-cid-qocdfn7p],[data-astro-cid-qocdfn7p][data-theme=dark] .bulk-bar[data-astro-cid-qocdfn7p],[data-astro-cid-qocdfn7p][data-theme=dark] .merit-card[data-astro-cid-qocdfn7p]{background:var(--color-bg-soft);border-color:var(--color-border)}[data-astro-cid-qocdfn7p][data-theme=dark] .note-box[data-astro-cid-qocdfn7p]{background:#0284c714;border-color:#0284c74d}[data-astro-cid-qocdfn7p][data-theme=dark] .tip-box[data-astro-cid-qocdfn7p]{background:#d9770614;border-color:#d977064d}[data-astro-cid-qocdfn7p][data-theme=dark] .dir-btn[data-astro-cid-qocdfn7p]{background:var(--color-bg-soft);border-color:var(--color-border);color:var(--color-text-muted)}[data-astro-cid-qocdfn7p][data-theme=dark] .usecase-card--web[data-astro-cid-qocdfn7p]{background:#16a34a1a;border-color:#16a34a4d}[data-astro-cid-qocdfn7p][data-theme=dark] .usecase-card--print[data-astro-cid-qocdfn7p]{background:#d977061a;border-color:#d977064d}@media(max-width:480px){.direction-switcher[data-astro-cid-qocdfn7p]{flex-direction:column}.dir-btn[data-astro-cid-qocdfn7p]{width:100%}.drop-zone[data-astro-cid-qocdfn7p]{padding:1.25rem .75rem;min-height:140px}.rc-thumb-wrap[data-astro-cid-qocdfn7p]{width:48px;height:48px}.bulk-bar[data-astro-cid-qocdfn7p]{flex-direction:column;align-items:stretch}.bulk-dl-btn[data-astro-cid-qocdfn7p],.clear-btn[data-astro-cid-qocdfn7p]{width:100%;justify-content:center}}