.ip-dropzone[data-astro-cid-wtcse2mk]{position:relative;border:2px dashed var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:2.5rem 1.5rem;text-align:center;cursor:pointer;background:var(--color-bg-soft, #f9fafb);transition:border-color .15s ease,background-color .15s ease}.ip-dropzone[data-astro-cid-wtcse2mk]:hover,.ip-dropzone[data-astro-cid-wtcse2mk]:focus-visible{border-color:var(--color-primary, #4f46e5);background:var(--color-primary-pale, #eef2ff);outline:none}.ip-dropzone[data-astro-cid-wtcse2mk].is-dragover{border-color:var(--color-primary, #4f46e5);background:var(--color-primary-pale, #eef2ff);border-style:solid}.ip-file-hidden[data-astro-cid-wtcse2mk]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.ip-dropzone-inner[data-astro-cid-wtcse2mk]{pointer-events:none}.ip-drop-icon[data-astro-cid-wtcse2mk]{display:block;margin:0 auto .75rem}.ip-drop-text[data-astro-cid-wtcse2mk]{font-size:1.0625rem;font-weight:700;color:var(--color-text, #1f2937);margin:0 0 .25rem}.ip-drop-sub[data-astro-cid-wtcse2mk]{font-size:.875rem;color:var(--color-text-muted, #6b7280);margin:0 0 .375rem}.ip-drop-link[data-astro-cid-wtcse2mk]{color:var(--color-primary, #4f46e5);text-decoration:underline}.ip-drop-formats[data-astro-cid-wtcse2mk]{font-size:.8125rem;color:var(--color-text-muted, #6b7280);margin:0}.ip-main-section[data-astro-cid-wtcse2mk]{display:flex;flex-direction:column;gap:1rem}.ip-list-header[data-astro-cid-wtcse2mk]{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ip-list-title[data-astro-cid-wtcse2mk]{font-size:.9375rem;font-weight:700;color:var(--color-text, #1f2937)}.ip-list-actions[data-astro-cid-wtcse2mk]{display:flex;gap:.5rem}.ip-btn-add[data-astro-cid-wtcse2mk]{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .875rem;font-size:.8125rem;font-weight:600;color:var(--color-primary, #4f46e5);background:var(--color-primary-pale, #eef2ff);border:1px solid var(--color-primary, #4f46e5);border-radius:var(--radius-md, 8px);min-height:36px;cursor:pointer;transition:background .15s ease}.ip-btn-add[data-astro-cid-wtcse2mk]:hover{background:var(--color-primary, #4f46e5);color:#fff}.ip-btn-clear[data-astro-cid-wtcse2mk]{padding:.4rem .875rem;font-size:.8125rem;font-weight:600;color:var(--color-error, #dc2626);background:transparent;border:1px solid var(--color-error, #dc2626);border-radius:var(--radius-md, 8px);min-height:36px;cursor:pointer;transition:background .15s ease,color .15s ease}.ip-btn-clear[data-astro-cid-wtcse2mk]:hover{background:var(--color-error, #dc2626);color:#fff}.ip-thumb-grid[data-astro-cid-wtcse2mk]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.625rem}.ip-thumb-card[data-astro-cid-wtcse2mk]{position:relative;background:var(--color-bg, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);overflow:hidden;cursor:grab;user-select:none;transition:border-color .1s ease,box-shadow .1s ease}.ip-thumb-card[data-astro-cid-wtcse2mk]:active{cursor:grabbing}.ip-thumb-card[data-astro-cid-wtcse2mk].is-dragging{opacity:.5;border-color:var(--color-primary, #4f46e5)}.ip-thumb-card[data-astro-cid-wtcse2mk].drag-over{border-color:var(--color-primary, #4f46e5);box-shadow:0 0 0 2px var(--color-primary-pale, #eef2ff)}.ip-thumb-img-wrap[data-astro-cid-wtcse2mk]{position:relative;width:100%;aspect-ratio:4/3;background:var(--color-bg-soft, #f9fafb);display:flex;align-items:center;justify-content:center;overflow:hidden}.ip-thumb-img[data-astro-cid-wtcse2mk]{max-width:100%;max-height:100%;object-fit:contain;display:block;transition:transform .2s ease}.ip-thumb-num[data-astro-cid-wtcse2mk]{position:absolute;top:4px;left:4px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;color:#fff;background:var(--color-primary, #4f46e5);border-radius:999px}.ip-thumb-info[data-astro-cid-wtcse2mk]{padding:.375rem .5rem 0;display:flex;flex-direction:column;gap:.1em}.ip-thumb-name[data-astro-cid-wtcse2mk]{font-size:.6875rem;font-weight:600;color:var(--color-text, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.ip-thumb-meta[data-astro-cid-wtcse2mk]{font-size:.625rem;color:var(--color-text-muted, #6b7280)}.ip-thumb-actions[data-astro-cid-wtcse2mk]{display:flex;gap:.25rem;padding:.375rem .5rem;justify-content:flex-end}.ip-thumb-rotate[data-astro-cid-wtcse2mk],.ip-thumb-remove[data-astro-cid-wtcse2mk]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;background:transparent;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 4px);cursor:pointer;color:var(--color-text-muted, #6b7280);transition:color .1s ease,background .1s ease;padding:4px}.ip-thumb-rotate[data-astro-cid-wtcse2mk]:hover{color:var(--color-primary, #4f46e5);background:var(--color-primary-pale, #eef2ff);border-color:var(--color-primary, #4f46e5)}.ip-thumb-remove[data-astro-cid-wtcse2mk]:hover{color:var(--color-error, #dc2626);background:#fee2e2;border-color:var(--color-error, #dc2626)}.ip-settings-panel[data-astro-cid-wtcse2mk]{padding:1rem;background:var(--color-bg-soft, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px)}.ip-settings-title[data-astro-cid-wtcse2mk]{font-size:.9375rem;font-weight:700;color:var(--color-text, #1f2937);margin:0 0 .75rem}.ip-settings-grid[data-astro-cid-wtcse2mk]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:480px){.ip-settings-grid[data-astro-cid-wtcse2mk]{grid-template-columns:1fr}}.ip-setting-group[data-astro-cid-wtcse2mk]{display:flex;flex-direction:column;gap:.375rem}.ip-setting-label[data-astro-cid-wtcse2mk]{font-size:.8125rem;font-weight:600;color:var(--color-text, #1f2937)}.ip-select[data-astro-cid-wtcse2mk]{font-size:.875rem;font-family:var(--font-sans);color:var(--color-text, #1f2937);background:var(--color-bg, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 4px);padding:.5rem .625rem;min-height:44px;outline:none;cursor:pointer;transition:border-color .15s ease;width:100%}.ip-select[data-astro-cid-wtcse2mk]:focus{border-color:var(--color-primary, #4f46e5);outline:2px solid var(--color-primary, #4f46e5);outline-offset:-1px}.ip-radio-group[data-astro-cid-wtcse2mk]{display:flex;flex-direction:column;gap:.375rem}.ip-radio-label[data-astro-cid-wtcse2mk]{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.375rem 0;min-height:36px}.ip-radio[data-astro-cid-wtcse2mk]{width:16px;height:16px;accent-color:var(--color-primary, #4f46e5);cursor:pointer}.ip-radio-text[data-astro-cid-wtcse2mk]{font-size:.875rem;color:var(--color-text, #1f2937)}.ip-custom-size[data-astro-cid-wtcse2mk]{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border, #e5e7eb)}.ip-custom-size-row[data-astro-cid-wtcse2mk]{display:flex;align-items:flex-end;gap:.5rem}.ip-custom-input-group[data-astro-cid-wtcse2mk]{display:flex;flex-direction:column;gap:.25rem;flex:1}.ip-input-number[data-astro-cid-wtcse2mk]{font-size:1rem;font-family:var(--font-sans);color:var(--color-text, #1f2937);background:var(--color-bg, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 4px);padding:.5rem .625rem;min-height:44px;width:100%;outline:none;transition:border-color .15s ease}.ip-input-number[data-astro-cid-wtcse2mk]:focus{border-color:var(--color-primary, #4f46e5);outline:2px solid var(--color-primary, #4f46e5);outline-offset:-1px}.ip-custom-x[data-astro-cid-wtcse2mk]{font-size:1rem;color:var(--color-text-muted, #6b7280);padding-bottom:.625rem;flex-shrink:0}.ip-filename-row[data-astro-cid-wtcse2mk]{display:flex;flex-direction:column;gap:.375rem;padding:.875rem;background:var(--color-bg-soft, #f9fafb);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb)}.ip-filename-label[data-astro-cid-wtcse2mk]{font-size:.875rem;font-weight:600;color:var(--color-text, #1f2937)}.ip-filename-input-wrap[data-astro-cid-wtcse2mk]{display:flex;align-items:center}.ip-filename-input[data-astro-cid-wtcse2mk]{flex:1;font-size:1rem;font-family:var(--font-sans);color:var(--color-text, #1f2937);background:var(--color-bg, #fff);border:1px solid var(--color-border, #e5e7eb);border-right:none;border-radius:var(--radius-sm, 4px) 0 0 var(--radius-sm, 4px);padding:.5rem .75rem;min-height:44px;outline:none;transition:border-color .15s ease}.ip-filename-input[data-astro-cid-wtcse2mk]:focus{border-color:var(--color-primary, #4f46e5);outline:2px solid var(--color-primary, #4f46e5);outline-offset:-1px}.ip-filename-ext[data-astro-cid-wtcse2mk]{display:inline-flex;align-items:center;padding:.5rem .75rem;min-height:44px;font-size:.9375rem;font-weight:700;color:var(--color-text-muted, #6b7280);background:var(--color-bg-soft, #f0f0f0);border:1px solid var(--color-border, #e5e7eb);border-radius:0 var(--radius-sm, 4px) var(--radius-sm, 4px) 0}.ip-filename-hint[data-astro-cid-wtcse2mk]{font-size:.8125rem;color:var(--color-text-muted, #6b7280);margin:0}.ip-actions[data-astro-cid-wtcse2mk]{display:flex;justify-content:center}.ip-btn-convert[data-astro-cid-wtcse2mk]{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:700;color:#fff;background:var(--color-primary, #4f46e5);border:none;border-radius:var(--radius-lg, 12px);min-height:52px;min-width:200px;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 12px #4f46e54d}.ip-btn-convert[data-astro-cid-wtcse2mk]:hover:not(:disabled){background:var(--color-primary-hover, #4338ca);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e566}.ip-btn-convert[data-astro-cid-wtcse2mk]:active:not(:disabled){transform:translateY(0);box-shadow:none}.ip-btn-convert[data-astro-cid-wtcse2mk]:disabled{opacity:.6;cursor:not-allowed}.ip-progress[data-astro-cid-wtcse2mk]{display:flex;flex-direction:column;gap:.375rem}.ip-progress-bar-wrap[data-astro-cid-wtcse2mk]{height:8px;background:var(--color-border, #e5e7eb);border-radius:999px;overflow:hidden}.ip-progress-bar[data-astro-cid-wtcse2mk]{height:100%;width:0%;background:var(--color-primary, #4f46e5);border-radius:999px;transition:width .3s ease}.ip-progress-text[data-astro-cid-wtcse2mk]{font-size:.875rem;color:var(--color-text-muted, #6b7280);margin:0;text-align:center}.ip-result-banner[data-astro-cid-wtcse2mk]{padding:.75rem 1rem;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:600}.ip-result-banner[data-astro-cid-wtcse2mk][data-type=success]{background:#f0fdf4;color:var(--color-success, #16a34a);border:1px solid #bbf7d0}.ip-result-banner[data-astro-cid-wtcse2mk][data-type=warn]{background:#fffbeb;color:var(--color-warning, #d97706);border:1px solid #fde68a}.ip-result-banner[data-astro-cid-wtcse2mk][data-type=error]{background:#fef2f2;color:var(--color-error, #dc2626);border:1px solid #fecaca}.ip-error[data-astro-cid-wtcse2mk]{padding:.625rem .875rem;background:#fef2f2;color:var(--color-error, #dc2626);border:1px solid #fecaca;border-radius:var(--radius-md, 8px);font-size:.875rem;margin:0}.how-to-steps{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.how-to-step{display:flex;gap:.75rem;align-items:flex-start}.step-num{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-primary, #4f46e5);color:#fff;border-radius:999px;font-size:.875rem;font-weight:700;margin-top:.125rem}.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;line-height:1.6}.compare-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:.5rem 0}.compare-table{width:100%;min-width:580px;border-collapse:collapse;font-size:.8125rem}.compare-table th{background:var(--color-bg-soft, #f9fafb);padding:.5rem .75rem;text-align:left;font-weight:700;border:1px solid var(--color-border, #e5e7eb);white-space:nowrap}.compare-table td{padding:.5rem .75rem;border:1px solid var(--color-border, #e5e7eb);vertical-align:top;line-height:1.5}.compare-table .highlight-row td{background:var(--color-primary-pale, #eef2ff);font-weight:600}.compare-table tr:hover td{background:var(--color-bg-soft, #f9fafb)}.compare-table .highlight-row:hover td{background:var(--color-primary-pale, #eef2ff)}.use-cases-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:600px){.use-cases-grid{grid-template-columns:repeat(2,1fr)}}.use-case-card{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem;background:var(--color-bg-soft, #f9fafb);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb)}.use-case-icon{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.use-case-card strong{display:block;font-size:.875rem;font-weight:700;margin-bottom:.25rem;color:var(--color-text, #1f2937)}.use-case-card p{font-size:.8125rem;color:var(--color-text-muted, #6b7280);margin:0;line-height:1.5}.limits-title{font-size:.9375rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text, #1f2937)}.limits-list{padding-left:1.25rem;margin:0;display:flex;flex-direction:column;gap:.375rem;font-size:.875rem}.limits-list li{line-height:1.6}.how-to-ol[data-astro-cid-wtcse2mk]{padding-left:1.5rem;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.5rem;font-size:.9375rem;line-height:1.6}[data-astro-cid-wtcse2mk][data-theme=dark] .ip-dropzone[data-astro-cid-wtcse2mk]{background:var(--color-bg-soft);border-color:var(--color-border)}[data-astro-cid-wtcse2mk][data-theme=dark] .ip-dropzone[data-astro-cid-wtcse2mk]:hover,[data-astro-cid-wtcse2mk][data-theme=dark] .ip-dropzone[data-astro-cid-wtcse2mk].is-dragover{border-color:var(--color-primary)}[data-astro-cid-wtcse2mk][data-theme=dark] .ip-thumb-card[data-astro-cid-wtcse2mk]{background:var(--color-bg);border-color:var(--color-border)}[data-astro-cid-wtcse2mk][data-theme=dark] .ip-thumb-img-wrap[data-astro-cid-wtcse2mk]{background:var(--color-bg-soft)}[data-astro-cid-wtcse2mk][data-theme=dark] .ip-settings-panel[data-astro-cid-wtcse2mk]{background:var(--color-bg-soft);border-color:var(--color-border)}[data-astro-cid-wtcse2mk][data-theme=dark] .ip-select[data-astro-cid-wtcse2mk],[data-astro-cid-wtcse2mk][data-theme=dark] .ip-input-number[data-astro-cid-wtcse2mk]{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}[data-astro-cid-wtcse2mk][data-theme=dark] .ip-filename-row[data-astro-cid-wtcse2mk]{background:var(--color-bg-soft);border-color:var(--color-border)}[data-astro-cid-wtcse2mk][data-theme=dark] .ip-filename-input[data-astro-cid-wtcse2mk]{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}[data-astro-cid-wtcse2mk][data-theme=dark] .ip-filename-ext[data-astro-cid-wtcse2mk]{background:var(--color-bg-soft);border-color:var(--color-border);color:var(--color-text-muted)}@media(max-width:480px){.ip-dropzone[data-astro-cid-wtcse2mk]{padding:2rem 1rem}.ip-thumb-grid[data-astro-cid-wtcse2mk]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.ip-btn-convert[data-astro-cid-wtcse2mk]{width:100%;justify-content:center}.ip-list-header[data-astro-cid-wtcse2mk],.ip-custom-size-row[data-astro-cid-wtcse2mk]{flex-wrap:wrap}}