.image-converter-hero{padding-bottom:10px}.image-converter-toolbar{display:flex;justify-content:flex-end;margin-bottom:14px}.image-converter-grid{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:16px}.image-converter-panel{padding:18px}.image-converter-controls-panel{display:grid;gap:14px;align-content:start}.image-converter-upload-button,.image-converter-download-button{min-height:44px;justify-content:center}.segmented-control-three{grid-template-columns:repeat(3,minmax(0,1fr))}.image-converter-note{margin-top:-6px}.image-converter-meta-list{display:grid;gap:8px;margin:0}.image-converter-meta-list div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:10px 12px;border:1px solid var(--panel-border);border-radius:12px;background:linear-gradient(180deg,#ffffff06,#ffffff04)}.image-converter-meta-list dt,.image-converter-meta-list dd{margin:0}.image-converter-meta-list dt{color:var(--muted)}.image-converter-error{margin:0;color:#ffb4a0;line-height:1.6}.image-converter-preview-panel{display:flex;flex-direction:column;gap:14px}.image-converter-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.image-preview-card{display:grid;gap:10px}.image-preview-card-header{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.82rem}.image-preview-stage{display:grid;place-items:center;min-height:320px;padding:14px;border:1px solid var(--panel-border);border-radius:18px;background:radial-gradient(circle at top right,rgba(255,106,61,.12),transparent 28%),radial-gradient(circle at bottom left,rgba(87,163,255,.1),transparent 24%),linear-gradient(180deg,var(--panel-soft),var(--panel-strong))}.image-preview{display:block;max-width:100%;max-height:360px;border-radius:14px;box-shadow:0 18px 48px #00000042}.image-preview-empty{max-width:280px;color:var(--muted);text-align:center;line-height:1.7}.image-converter-output-block{border:1px solid var(--panel-border);border-radius:14px;background:linear-gradient(180deg,var(--panel-soft),var(--panel-strong));overflow:hidden}.image-converter-output-header{padding:14px 14px 0}.image-converter-code{margin:0;padding:14px;overflow:auto;color:var(--text);font-size:.84rem;line-height:1.65}@media (max-width: 1080px){.image-converter-grid{grid-template-columns:1fr}}@media (max-width: 760px){.image-converter-hero{padding-bottom:8px}.image-converter-workbench{padding:14px}.image-converter-preview-grid{grid-template-columns:1fr}.image-preview-stage{min-height:240px}}