.tool-icon-btn{color:#374151;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem;transition:background-color .15s,color .15s;display:inline-flex}.tool-icon-btn:hover{background:#f3f4f6}html.dark .tool-icon-btn{color:#e5e7eb}html.dark .tool-icon-btn:hover{background:#374151}.tool-footer{text-align:center;box-sizing:border-box;width:100%;max-width:1200px;margin:28px auto 8px;padding:0 12px 12px}.tool-copyright{color:#9ca3af;margin:0 0 6px;font-size:13px;line-height:1.5}.tool-copyright-link{color:inherit;text-decoration:none}.tool-copyright-link:hover{color:#e5e7eb;text-decoration:underline}.tool-copyright-email{color:#71717a;margin:0;font-size:12px;line-height:1.5}.tool-copyright-email-link{color:#93c5fd;text-decoration:none}.tool-copyright-email-link:hover{text-decoration:underline}html:not(.dark) .tool-copyright{color:#6b7280}html:not(.dark) .tool-copyright-link:hover{color:#111827}html:not(.dark) .tool-copyright-email{color:#9ca3af}html:not(.dark) .tool-copyright-email-link{color:#2563eb}.ce-dropzone{border:2px dashed var(--ce-border,#d1d5db);text-align:center;cursor:pointer;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:4rem 2rem;transition:border-color .2s,background-color .2s;display:flex}.ce-dropzone:hover{border-color:var(--ce-border-hover,#9ca3af);background-color:var(--ce-dropzone-bg,#3b82f60a)}.dark .ce-dropzone{--ce-border:#404040;--ce-border-hover:#737373;--ce-dropzone-bg:#60a5fa0f}.ce-dropzone-input{display:none}.ce-dropzone-icon{opacity:.35;width:3rem;height:3rem;margin-bottom:1rem}.ce-dropzone-title{color:#a3166f;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.ce-dropzone-hint{color:var(--ce-muted,#6b7280);font-size:.875rem}.ce-dropzone-sub{color:var(--ce-muted-light,#9ca3af);margin-top:.25rem;font-size:.75rem}.ce-dropzone-privacy{background:var(--ce-privacy-bg,#22c55e14);color:var(--ce-privacy-color,#16a34a);border-radius:9999px;align-items:center;gap:.375rem;margin-top:1rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.dark .ce-dropzone-privacy{--ce-privacy-bg:#22c55e1f;--ce-privacy-color:#4ade80}.ce-dropzone-privacy-icon{flex-shrink:0;width:.875rem;height:.875rem}.ce-layout{flex-direction:column;gap:1.5rem;display:flex}@media (width>=1024px){.ce-layout{flex-direction:row}}.ce-sidebar{border-bottom:1px solid var(--ce-divider,#e5e7eb);flex-direction:column;gap:1.25rem;padding-bottom:1.25rem;display:flex}@media (width>=1024px){.ce-sidebar{border-bottom:none;border-right:1px solid var(--ce-divider,#e5e7eb);flex-shrink:0;width:16rem;padding-bottom:0;padding-right:1.5rem}}.dark .ce-sidebar{--ce-divider:#ffffff1a}.ce-upload-btn{border:1px solid var(--ce-btn-border,#d1d5db);cursor:pointer;background:0 0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:background-color .15s;display:inline-flex}.ce-upload-btn:hover{background-color:var(--ce-btn-hover-bg,#f3f4f6)}.dark .ce-upload-btn{--ce-btn-border:#ffffff26;color:#d4d4d4}.dark .ce-upload-btn:hover{--ce-btn-hover-bg:#ffffff14}.ce-control-group{flex-direction:column;gap:.375rem;display:flex}.ce-label{font-size:.875rem;font-weight:500}.ce-slider{appearance:none;background:var(--ce-slider-bg,#e5e7eb);cursor:pointer;accent-color:#3b82f6;border-radius:9999px;outline:none;width:100%;height:6px}.dark .ce-slider{--ce-slider-bg:#404040}.ce-slider-labels{color:var(--ce-muted,#6b7280);justify-content:space-between;font-size:.75rem;display:flex}.ce-slider-value{color:var(--ce-text,#374151);font-weight:500}.dark .ce-slider-value{--ce-text:#d4d4d4}.ce-info{color:var(--ce-muted,#6b7280);flex-direction:column;gap:.25rem;font-size:.75rem;display:flex}.ce-info-privacy{color:var(--ce-privacy-color,#16a34a);align-items:center;gap:.25rem;margin-top:.25rem;display:inline-flex}.dark .ce-info-privacy{--ce-privacy-color:#4ade80}.ce-info-privacy-icon{flex-shrink:0;width:.75rem;height:.75rem}.ce-actions{flex-direction:column;gap:.75rem;margin-top:auto;display:flex}.ce-btn-primary{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:.5rem;width:100%;padding:.625rem;font-size:.875rem;font-weight:500;transition:background-color .15s}.ce-btn-primary:hover:not(:disabled){background:#6366f1}.ce-btn-primary:disabled{opacity:.4;cursor:not-allowed}.ce-btn-secondary{background:var(--ce-btn-secondary-bg,#111827);width:100%;color:var(--ce-btn-secondary-color,#fff);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem;font-size:.875rem;font-weight:500;transition:background-color .15s;display:inline-flex}.ce-btn-secondary:hover:not(:disabled){background:var(--ce-btn-secondary-hover,#1f2937)}.ce-btn-secondary:disabled{opacity:.3;cursor:not-allowed}.dark .ce-btn-secondary{--ce-btn-secondary-bg:#f5f5f5;--ce-btn-secondary-color:#111;--ce-btn-secondary-hover:#e5e5e5}.ce-preview{background:var(--ce-preview-bg,#f9fafb);border-radius:.75rem;flex:1;justify-content:center;align-items:center;min-height:300px;padding:1rem;display:flex;overflow:auto}.dark .ce-preview{--ce-preview-bg:#0a0a0a}.ce-processing{color:var(--ce-muted,#6b7280);flex-direction:column;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.ce-spinner{border:2px solid var(--ce-spinner-track,#d1d5db);border-top-color:#3b82f6;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite ce-spin}.dark .ce-spinner-track{color:#404040}@keyframes ce-spin{to{transform:rotate(360deg)}}.ce-compare{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1rem;width:100%;display:flex}.ce-compare-col{flex-direction:column;flex:280px;align-items:center;gap:.5rem;min-width:0;max-width:50%;display:flex}.ce-compare-label{color:var(--ce-muted,#6b7280);font-size:.75rem;font-weight:500}.ce-image{object-fit:contain;border:1px solid var(--ce-image-border,#0000001a);border-radius:.5rem;width:100%;height:auto}.dark .ce-image-border{color:#ffffff1a}.ce-placeholder{color:var(--ce-muted,#6b7280);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.ce-placeholder-icon{opacity:.25;width:4rem;height:4rem}.ce-placeholder p{font-size:.875rem}
