.ic-dropzone[data-astro-cid-3fvp2nte]{position:relative;border:2px dashed var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:2rem 1rem;text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease;background:var(--color-bg-soft, #f9fafb)}.ic-dropzone[data-astro-cid-3fvp2nte]:hover,.ic-dropzone[data-astro-cid-3fvp2nte]:focus-visible{border-color:var(--color-primary, #4f46e5);background:var(--color-primary-pale, #eef2ff);outline:none}.ic-dropzone[data-astro-cid-3fvp2nte].is-dragover{border-color:var(--color-primary, #4f46e5);background:var(--color-primary-pale, #eef2ff);border-style:solid}.ic-file-hidden[data-astro-cid-3fvp2nte]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.ic-drop-icon[data-astro-cid-3fvp2nte]{color:var(--color-cat-image, #db2777);margin:0 auto .5rem;display:block}.ic-drop-text[data-astro-cid-3fvp2nte]{font-size:1rem;font-weight:700;color:var(--color-text, #1f2937);margin:0 0 .25rem}.ic-drop-sub[data-astro-cid-3fvp2nte]{font-size:.875rem;color:var(--color-text-muted, #6b7280);margin:0 0 .375rem}.ic-drop-link[data-astro-cid-3fvp2nte]{color:var(--color-primary, #4f46e5);text-decoration:underline}.ic-drop-formats[data-astro-cid-3fvp2nte]{font-size:.75rem;color:var(--color-text-muted, #6b7280);margin:0}.ic-preview-area[data-astro-cid-3fvp2nte]{display:flex;flex-direction:column;gap:1rem}.ic-preview-images[data-astro-cid-3fvp2nte]{display:flex;align-items:center;gap:.75rem}.ic-preview-box[data-astro-cid-3fvp2nte]{flex:1;min-width:0;text-align:center}.ic-preview-label[data-astro-cid-3fvp2nte]{font-size:.75rem;font-weight:600;color:var(--color-text-muted, #6b7280);margin:0 0 .375rem;text-transform:uppercase;letter-spacing:.05em}.ic-preview-img[data-astro-cid-3fvp2nte]{width:100%;max-height:180px;object-fit:contain;border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb);background:repeating-conic-gradient(#e5e7eb 0% 25%,transparent 0% 50%) 0 0 / 12px 12px;display:block;min-height:100px}.ic-size-text[data-astro-cid-3fvp2nte]{font-size:.8125rem;font-weight:600;color:var(--color-text, #1f2937);margin:.25rem 0 0;font-feature-settings:"tnum"}.ic-arrow[data-astro-cid-3fvp2nte]{font-size:1.5rem;color:var(--color-text-muted, #6b7280);flex-shrink:0;line-height:1}.ic-settings[data-astro-cid-3fvp2nte]{display:flex;flex-direction:column;gap:.875rem;padding:1rem;background:var(--color-bg-soft, #f9fafb);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb)}.ic-setting-row[data-astro-cid-3fvp2nte]{display:flex;flex-direction:column;gap:.375rem}.ic-setting-label[data-astro-cid-3fvp2nte]{font-size:.8125rem;font-weight:600;color:var(--color-text, #1f2937)}.ic-slider[data-astro-cid-3fvp2nte]{width:100%;height:6px;accent-color:var(--color-primary, #4f46e5);cursor:pointer}.ic-slider-hints[data-astro-cid-3fvp2nte]{display:flex;justify-content:space-between;font-size:.6875rem;color:var(--color-text-muted, #6b7280)}.ic-size-inputs[data-astro-cid-3fvp2nte]{display:flex;gap:.75rem}.ic-size-input-group[data-astro-cid-3fvp2nte]{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.ic-size-input-label[data-astro-cid-3fvp2nte]{font-size:.75rem;color:var(--color-text-muted, #6b7280)}.ic-input-with-unit[data-astro-cid-3fvp2nte]{display:flex;align-items:center;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 4px);background:var(--color-bg, #fff);overflow:hidden}.ic-number-input[data-astro-cid-3fvp2nte]{flex:1;min-width:0;border:none;padding:.375rem .5rem;font-size:.875rem;color:var(--color-text, #1f2937);background:transparent;font-size:max(16px,.875rem)}.ic-number-input[data-astro-cid-3fvp2nte]:focus{outline:none}.ic-input-with-unit[data-astro-cid-3fvp2nte]:focus-within{outline:2px solid var(--color-primary, #4f46e5);outline-offset:0}.ic-unit[data-astro-cid-3fvp2nte]{padding:0 .5rem;font-size:.75rem;color:var(--color-text-muted, #6b7280);background:var(--color-bg-soft, #f9fafb);border-left:1px solid var(--color-border, #e5e7eb);height:100%;display:flex;align-items:center}.ic-format-btns[data-astro-cid-3fvp2nte]{display:flex;gap:.5rem}.ic-format-btn[data-astro-cid-3fvp2nte]{padding:.375rem 1rem;font-size:.8125rem;font-weight:600;border:1.5px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 4px);background:var(--color-bg, #fff);color:var(--color-text-muted, #6b7280);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease;min-height:36px}.ic-format-btn[data-astro-cid-3fvp2nte].is-active{border-color:var(--color-primary, #4f46e5);background:var(--color-primary-pale, #eef2ff);color:var(--color-primary, #4f46e5)}.ic-format-btn[data-astro-cid-3fvp2nte]:hover:not(.is-active){border-color:var(--color-primary, #4f46e5);color:var(--color-primary, #4f46e5)}.ic-format-btn[data-astro-cid-3fvp2nte]:focus-visible{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.ic-actions[data-astro-cid-3fvp2nte]{display:flex;gap:.625rem;flex-wrap:wrap}.ic-btn-primary[data-astro-cid-3fvp2nte]{flex:1;min-width:120px;min-height:48px;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}.ic-btn-primary[data-astro-cid-3fvp2nte]:hover:not(:disabled){background:var(--color-primary-hover, #4338ca)}.ic-btn-primary[data-astro-cid-3fvp2nte]:active:not(:disabled){transform:scale(.97)}.ic-btn-primary[data-astro-cid-3fvp2nte]:disabled{opacity:.5;cursor:not-allowed}.ic-btn-primary[data-astro-cid-3fvp2nte]:focus-visible{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.ic-btn-secondary[data-astro-cid-3fvp2nte]{display:flex;align-items: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}.ic-btn-secondary[data-astro-cid-3fvp2nte]:hover:not(:disabled){background:#15803d}.ic-btn-secondary[data-astro-cid-3fvp2nte]:active:not(:disabled){transform:scale(.97)}.ic-btn-secondary[data-astro-cid-3fvp2nte]:disabled{opacity:.38;cursor:not-allowed}.ic-btn-secondary[data-astro-cid-3fvp2nte]:focus-visible{outline:2px solid var(--color-success, #16a34a);outline-offset:2px}.ic-btn-reset[data-astro-cid-3fvp2nte]{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}.ic-btn-reset[data-astro-cid-3fvp2nte]:hover{background:var(--color-border, #e5e7eb)}.ic-btn-reset[data-astro-cid-3fvp2nte]:focus-visible{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.ic-result-banner[data-astro-cid-3fvp2nte]{padding:.625rem .875rem;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:600}.ic-result-banner[data-astro-cid-3fvp2nte][data-type=success]{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.ic-result-banner[data-astro-cid-3fvp2nte][data-type=warn]{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.ic-error[data-astro-cid-3fvp2nte]{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}.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}.format-tips{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.format-tip{padding:.75rem 1rem;background:var(--color-bg-soft, #f9fafb);border-radius:var(--radius-md, 8px);border-left:3px solid var(--color-cat-image, #db2777)}.format-tip-title{font-size:.875rem;font-weight:700;margin:0 0 .375rem;color:var(--color-text, #1f2937)}.format-tip p{font-size:.8125rem;color:var(--color-text-muted, #6b7280);margin:0;line-height:1.6}.compare-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.compare-table{width:100%;min-width:500px;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}.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}@media(max-width:480px){.ic-preview-images[data-astro-cid-3fvp2nte]{flex-direction:column}.ic-arrow[data-astro-cid-3fvp2nte]{transform:rotate(90deg);align-self:center}.ic-actions[data-astro-cid-3fvp2nte]{flex-direction:column}.ic-btn-primary[data-astro-cid-3fvp2nte],.ic-btn-secondary[data-astro-cid-3fvp2nte],.ic-btn-reset[data-astro-cid-3fvp2nte]{width:100%;justify-content:center}.ic-size-inputs[data-astro-cid-3fvp2nte]{flex-direction:column}}[data-astro-cid-3fvp2nte][data-theme=dark] .ic-dropzone[data-astro-cid-3fvp2nte]{background:var(--color-bg-soft);border-color:var(--color-border)}[data-astro-cid-3fvp2nte][data-theme=dark] .ic-dropzone[data-astro-cid-3fvp2nte]:hover,[data-astro-cid-3fvp2nte][data-theme=dark] .ic-dropzone[data-astro-cid-3fvp2nte].is-dragover{background:#1e1b4b;border-color:var(--color-primary)}[data-astro-cid-3fvp2nte][data-theme=dark] .ic-settings[data-astro-cid-3fvp2nte]{background:var(--color-bg-soft);border-color:var(--color-border)}[data-astro-cid-3fvp2nte][data-theme=dark] .ic-number-input[data-astro-cid-3fvp2nte]{color:var(--color-text)}[data-astro-cid-3fvp2nte][data-theme=dark] .ic-format-btn[data-astro-cid-3fvp2nte]{background:var(--color-bg-soft);border-color:var(--color-border);color:var(--color-text-muted)}[data-astro-cid-3fvp2nte][data-theme=dark] .ic-format-btn[data-astro-cid-3fvp2nte].is-active{background:#1e1b4b;color:var(--color-primary)}[data-astro-cid-3fvp2nte][data-theme=dark] .ic-btn-reset[data-astro-cid-3fvp2nte]{background:var(--color-bg-soft);border-color:var(--color-border);color:var(--color-text-muted)}