.png-compressor .series-workspace{grid-template-columns:320px minmax(0,1fr)}.png-compressor .series-settings label{margin:18px 0 9px;font-size:13px;font-weight:600;display:block}.png-compressor .file-picker{width:100%}.png-compressor select#png-colors{border:1px solid var(--border);background:var(--surface-soft);width:100%;min-width:0;color:var(--text);border-radius:9px;padding:11px 9px;font-size:13px}.png-actions{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.png-actions button{min-height:44px}.png-compressor [data-png-status]{color:var(--muted);font-size:12px;line-height:1.8}.png-list{gap:12px;margin-top:24px;padding:0;list-style:none;display:grid}.png-row{border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.png-row>div:first-child{flex:1;min-width:0}.png-row strong{overflow-wrap:anywhere;font-size:14px;display:block}.png-row p{color:var(--muted);overflow-wrap:anywhere;margin:7px 0 0;font-size:12px;line-height:1.7}.png-row p.utility-error{color:var(--danger,#b82b43)}.png-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.png-row .secondary-button[aria-pressed=true]{border-color:var(--blue);color:var(--blue)}.png-remove{min-height:44px;color:var(--muted);cursor:pointer;padding:8px;font-size:12px;text-decoration:underline}@media (width<=900px){.png-compressor .series-workspace{grid-template-columns:280px minmax(0,1fr)}}@media (width<=650px){.png-row{padding:16px;display:block}.png-row-actions{justify-content:flex-start;margin-top:14px}.png-compressor .series-preview-panel{order:0}}