.tnc-tools-wrapper.tnc-tools-image-converter{--tnc-tools-accent:#2563eb;--tnc-tools-accent-hover:#1d4ed8;--tnc-tools-danger:#b42318;--tnc-tools-danger-surface:#b4231814;--tnc-tools-border:#cbd5e1;--tnc-tools-muted:#64748b;--tnc-tools-surface:#7f7f7f14;--tnc-tools-surface-strong:#7f7f7f24;box-sizing:border-box;inline-size:100%;color:inherit;font:inherit}.tnc-tools-image-converter *,.tnc-tools-image-converter :before,.tnc-tools-image-converter :after{box-sizing:inherit}.tnc-tools-image-converter .tnc-tools-header{margin-block-end:1.25rem}.tnc-tools-image-converter .tnc-tools-title{color:inherit;margin-block:0 .5rem;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}.tnc-tools-image-converter .tnc-tools-description{color:inherit;opacity:.78;margin:0}.tnc-tools-image-converter .tnc-tools-upload-area{border:2px dashed var(--tnc-tools-border);background:var(--tnc-tools-surface);min-block-size:250px;inline-size:100%;color:inherit;font:inherit;text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:clamp(1.5rem,5vw,3rem);transition:border-color .16s,background-color .16s,transform .16s;display:flex}.tnc-tools-image-converter .tnc-tools-upload-area:hover,.tnc-tools-image-converter .tnc-tools-upload-area-active{border-color:var(--tnc-tools-accent);background:color-mix(in srgb, var(--tnc-tools-accent) 8%, transparent)}.tnc-tools-image-converter .tnc-tools-upload-area-active{transform:scale(1.005)}.tnc-tools-image-converter .tnc-tools-upload-icon{background:color-mix(in srgb, var(--tnc-tools-accent) 12%, transparent);block-size:52px;inline-size:52px;color:var(--tnc-tools-accent);border-radius:50%;place-items:center;margin-block-end:.875rem;display:grid}.tnc-tools-image-converter .tnc-tools-upload-icon svg,.tnc-tools-image-converter .tnc-tools-privacy-note svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;block-size:24px;inline-size:24px}.tnc-tools-image-converter .tnc-tools-upload-title{color:inherit;margin:0;font-size:1.125rem;font-weight:650}.tnc-tools-image-converter .tnc-tools-upload-subtitle{color:inherit;opacity:.7;margin:.4rem 0 1rem}.tnc-tools-image-converter .tnc-tools-button{border:1px solid var(--tnc-tools-accent);background:var(--tnc-tools-accent);color:#fff;min-block-size:42px;font:inherit;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:.65rem 1.05rem;font-weight:650;line-height:1.2;text-decoration:none;transition:background-color .16s,border-color .16s,opacity .16s;display:inline-flex}.tnc-tools-image-converter .tnc-tools-button:hover{border-color:var(--tnc-tools-accent-hover);background:var(--tnc-tools-accent-hover);color:#fff}.tnc-tools-image-converter .tnc-tools-upload-area:hover .tnc-tools-upload-button,.tnc-tools-image-converter .tnc-tools-upload-area-active .tnc-tools-upload-button{border-color:var(--tnc-tools-accent-hover);background:var(--tnc-tools-accent-hover)}.tnc-tools-image-converter .tnc-tools-button-secondary{border-color:var(--tnc-tools-border);color:inherit;background:0 0}.tnc-tools-image-converter .tnc-tools-button-secondary:hover{border-color:var(--tnc-tools-border);background:var(--tnc-tools-surface-strong);color:inherit}.tnc-tools-image-converter .tnc-tools-button:disabled{opacity:.5;cursor:not-allowed}.tnc-tools-image-converter .tnc-tools-upload-area:disabled{opacity:.65;cursor:wait}.tnc-tools-image-converter .tnc-tools-remove-file:disabled{opacity:.5;cursor:not-allowed}.tnc-tools-image-converter .tnc-tools-button:focus-visible,.tnc-tools-image-converter .tnc-tools-upload-area:focus-visible,.tnc-tools-image-converter .tnc-tools-quality-slider:focus-visible,.tnc-tools-image-converter .tnc-tools-remove-file:focus-visible{outline:3px solid var(--tnc-tools-accent);outline-offset:3px}.tnc-tools-image-converter .tnc-tools-message{white-space:pre-line;border:1px solid;border-radius:7px;margin-block-start:1rem;padding:.8rem 1rem}.tnc-tools-image-converter .tnc-tools-error{background:var(--tnc-tools-danger-surface);color:var(--tnc-tools-danger)}.tnc-tools-image-converter .tnc-tools-file-list{gap:.75rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.tnc-tools-image-converter .tnc-tools-file-list[hidden],.tnc-tools-image-converter .tnc-tools-message[hidden]{display:none}.tnc-tools-image-converter .tnc-tools-file-card{border:1px solid var(--tnc-tools-border);background:var(--tnc-tools-surface);border-radius:9px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.75rem;display:grid}.tnc-tools-image-converter .tnc-tools-preview{object-fit:contain;background-color:#0000;background-image:linear-gradient(45deg,#7f7f7f1f 25%,#0000 25%),linear-gradient(-45deg,#7f7f7f1f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#7f7f7f1f 75%),linear-gradient(-45deg,#0000 75%,#7f7f7f1f 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:6px;block-size:72px;inline-size:72px;display:block}.tnc-tools-image-converter .tnc-tools-file-details{min-inline-size:0}.tnc-tools-image-converter .tnc-tools-file-name{color:inherit;text-overflow:ellipsis;white-space:nowrap;margin:0 0 .3rem;font-weight:650;overflow:hidden}.tnc-tools-image-converter .tnc-tools-file-metadata{color:inherit;opacity:.7;margin:0;font-size:.875rem}.tnc-tools-image-converter .tnc-tools-remove-file{color:var(--tnc-tools-danger);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:.45rem .65rem;font-size:.875rem;font-weight:650}.tnc-tools-image-converter .tnc-tools-remove-file:hover{background:var(--tnc-tools-danger-surface)}.tnc-tools-image-converter .tnc-tools-settings{border:1px solid var(--tnc-tools-border);background:var(--tnc-tools-surface);border-radius:9px;margin-block-start:1.25rem;padding:1rem}.tnc-tools-image-converter .tnc-tools-quality-row{justify-content:space-between;align-items:center;gap:1rem;margin-block-end:.75rem;display:flex}.tnc-tools-image-converter .tnc-tools-quality-label{color:inherit;font-weight:650}.tnc-tools-image-converter .tnc-tools-quality-value{background:var(--tnc-tools-surface-strong);min-inline-size:2.5rem;color:inherit;font-variant-numeric:tabular-nums;text-align:center;border-radius:5px;padding:.2rem .45rem}.tnc-tools-image-converter .tnc-tools-quality-slider{inline-size:100%;accent-color:var(--tnc-tools-accent);cursor:pointer}.tnc-tools-image-converter .tnc-tools-quality-help{color:inherit;opacity:.7;margin:.5rem 0 0;font-size:.875rem}.tnc-tools-image-converter .tnc-tools-actions{flex-wrap:wrap;gap:.75rem;margin-block-start:1.25rem;display:flex}.tnc-tools-image-converter .tnc-tools-status{background:var(--tnc-tools-surface);color:inherit;border-radius:7px;margin:1rem 0 0;padding:.75rem 1rem}.tnc-tools-image-converter .tnc-tools-status-complete{color:inherit;background:#15803d1f}.tnc-tools-image-converter .tnc-tools-status[hidden],.tnc-tools-image-converter .tnc-tools-result-area[hidden]{display:none}.tnc-tools-image-converter .tnc-tools-result-area{margin-block-start:1.5rem}.tnc-tools-image-converter .tnc-tools-results-title{color:inherit;margin:0 0 1rem;font-size:1.25rem;line-height:1.3}.tnc-tools-image-converter .tnc-tools-result-list{gap:1rem;display:grid}.tnc-tools-image-converter .tnc-tools-result-card{border:1px solid var(--tnc-tools-border);background:var(--tnc-tools-surface);border-radius:10px;grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:clamp(1rem,3vw,1.5rem);padding:1rem;display:grid}.tnc-tools-image-converter .tnc-tools-result-preview{object-fit:contain;background-color:#0000;background-image:linear-gradient(45deg,#7f7f7f1f 25%,#0000 25%),linear-gradient(-45deg,#7f7f7f1f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#7f7f7f1f 75%),linear-gradient(-45deg,#0000 75%,#7f7f7f1f 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:7px;max-block-size:220px;inline-size:100%;display:block}.tnc-tools-image-converter .tnc-tools-result-content{min-inline-size:0}.tnc-tools-image-converter .tnc-tools-result-name{overflow-wrap:anywhere;color:inherit;margin:0;font-size:1.05rem;line-height:1.35}.tnc-tools-image-converter .tnc-tools-output-name{overflow-wrap:anywhere;color:inherit;opacity:.72;margin:.35rem 0 1rem;font-size:.875rem}.tnc-tools-image-converter .tnc-tools-result-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0 0 1rem;display:grid}.tnc-tools-image-converter .tnc-tools-result-stat{background:var(--tnc-tools-surface-strong);border-radius:6px;padding:.65rem}.tnc-tools-image-converter .tnc-tools-result-stat dt{color:inherit;opacity:.72;margin:0 0 .2rem;font-size:.75rem;font-weight:650}.tnc-tools-image-converter .tnc-tools-result-stat dd{color:inherit;font-variant-numeric:tabular-nums;margin:0;font-size:.925rem;font-weight:650}.tnc-tools-image-converter .tnc-tools-download{inline-size:fit-content}.tnc-tools-image-converter .tnc-tools-privacy-note{color:inherit;opacity:.72;align-items:center;gap:.5rem;margin:1.25rem 0 0;font-size:.875rem;display:flex}.tnc-tools-image-converter .tnc-tools-privacy-note svg{flex:none;block-size:18px;inline-size:18px}.tnc-tools-image-converter .tnc-tools-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (width<=600px){.tnc-tools-image-converter .tnc-tools-upload-area{min-block-size:220px}.tnc-tools-image-converter .tnc-tools-file-card{grid-template-columns:58px minmax(0,1fr);gap:.75rem}.tnc-tools-image-converter .tnc-tools-preview{block-size:58px;inline-size:58px}.tnc-tools-image-converter .tnc-tools-remove-file{grid-column:2;justify-self:start;padding-inline-start:0}.tnc-tools-image-converter .tnc-tools-actions{flex-direction:column}.tnc-tools-image-converter .tnc-tools-actions .tnc-tools-button{inline-size:100%}.tnc-tools-image-converter .tnc-tools-result-card{grid-template-columns:1fr}.tnc-tools-image-converter .tnc-tools-result-preview{max-block-size:260px}.tnc-tools-image-converter .tnc-tools-result-stats{grid-template-columns:1fr}.tnc-tools-image-converter .tnc-tools-download{inline-size:100%}}@media (prefers-reduced-motion:reduce){.tnc-tools-image-converter .tnc-tools-upload-area,.tnc-tools-image-converter .tnc-tools-button{transition:none}}