.image-codecs-workspace{display:grid;gap:18px;max-width:960px;margin:auto}.image-codecs-workspace h2{margin:0;font-size:1.25rem}.image-codecs-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.image-codecs-options select{width:100%}.image-codecs-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.image-codecs-note{font-size:.88rem;line-height:1.7;color:var(--text-muted,#61778b);margin:0}.image-codecs-status{min-height:1.5em;line-height:1.6;margin:0;color:#245879}.image-codecs-error{color:#b33443}.image-codecs-result{display:grid;gap:16px;border-top:1px solid #dceaf3;padding-top:20px}.image-codecs-result[hidden]{display:none}.image-codecs-preview{max-width:100%;max-height:440px;object-fit:contain;border-radius:12px;background:#f0f7fc}.image-codecs-output{width:100%;min-height:230px;resize:vertical;line-height:1.7;font-family:inherit;padding:14px;border:1px solid #bed9ea;border-radius:12px;box-sizing:border-box}