.convert-image-tool [hidden]{display:none!important}.convert-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr);gap:24px;margin-top:24px}.convert-preview,.convert-controls{min-width:0}.convert-preview{display:grid;place-items:center;min-height:350px;padding:16px;border:1px solid var(--border);border-radius:12px;background:#f1f2f7}.convert-preview img{display:block;max-width:100%;max-height:520px;width:auto;height:auto;border-radius:8px;background:#fff;box-shadow:0 3px 12px #272b5322}.convert-image-tool .file-state{min-width:0;overflow:hidden}.convert-image-tool .image-file-thumb{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;overflow:hidden;border-radius:9px;background:#f1f2f7}.convert-image-tool .image-file-thumb img{display:block;width:100%;height:100%;object-fit:contain}.convert-image-tool .file-details{flex:1 1 auto;min-width:0;overflow:hidden}.convert-image-tool .file-details strong,.convert-image-tool .file-details span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.convert-image-tool .file-state .button{flex:0 0 auto;white-space:nowrap}.convert-formats{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}.convert-formats legend{width:100%;margin-bottom:0;color:var(--heading);font-weight:800}.convert-source-format{width:100%;margin:0 0 3px;color:var(--muted);font-size:.84rem}.convert-formats label{display:flex;align-items:center;justify-content:center;min-width:72px;min-height:42px;padding:8px 13px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--heading);font-weight:700;cursor:pointer}.convert-formats label:has(input:checked){border-color:var(--primary);background:#f7f6ff;color:var(--primary);box-shadow:0 0 0 2px #635bff1c}.convert-formats label:focus-within{outline:3px solid #635bff33;outline-offset:2px}.convert-formats input{position:absolute;width:1px;height:1px;opacity:0}.convert-note{display:block;margin-top:8px;color:var(--muted);font-size:.82rem}.convert-warning{color:#9a6414}.convert-quality{margin-top:22px}.convert-quality>label{display:flex;justify-content:space-between;margin-bottom:7px;color:var(--heading);font-weight:800}.convert-quality input{display:block;width:100%;accent-color:var(--primary)}.convert-quality strong{color:var(--primary)}.convert-dimensions{margin-top:20px;padding:13px;border:1px solid var(--border);border-radius:10px;background:#f7f6ff}.convert-dimensions small,.convert-dimensions strong{display:block}.convert-dimensions small{color:var(--muted)}.convert-dimensions strong{margin-top:3px;color:var(--heading)}.convert-result-preview{display:block;max-width:100%;max-height:320px;margin:18px auto;border-radius:8px}.convert-image-tool .tool-error{margin-top:18px}.convert-image-tool .result-stats{grid-template-columns:repeat(3,1fr)}@media(max-width:800px){.convert-workspace{grid-template-columns:1fr}.convert-preview{min-height:280px}.convert-preview img{max-height:420px}}@media(max-width:760px){.convert-image-tool .file-state{align-items:center}.convert-image-tool .file-details{flex-basis:calc(100% - 70px)}.convert-image-tool .file-state .button{margin-left:0}}@media(max-width:560px){.convert-formats label{flex:1 1 calc(33.333% - 8px)}.convert-image-tool .file-state .button{flex:1 1 auto}.convert-image-tool .result-stats{grid-template-columns:1fr}}