.conversion-workspace .conversion-panels{background:0 0;border:0;display:block;overflow:visible}.conversion-workspace .conversion-panels>.work-input{background:0 0;border:0;grid-template-columns:minmax(0,1.2fr) minmax(250px,1fr);gap:16px;padding:0;display:grid}.conversion-selection,.conversion-settings{border:1px solid var(--line);background:var(--surface);border-radius:13px;min-width:0;padding:16px}.conversion-drop{text-align:center;background:linear-gradient(145deg,var(--surface),var(--bg));border:1px dashed #a7c4b5;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:310px;padding:25px 14px;display:flex}.conversion-selected:not([hidden])~.conversion-drop{height:auto}.conversion-selection:has(.conversion-selected:not([hidden])) .conversion-drop{height:auto;min-height:250px}.conversion-drop.drag-over{background:var(--wash);border-color:var(--accent)}.conversion-upload-icon{background:var(--wash);color:var(--accent);border-radius:50%;place-items:center;width:58px;height:58px;margin-bottom:16px;display:grid}.conversion-upload-icon .ui-icon{width:29px;height:29px}.conversion-drop h2{letter-spacing:-.4px;font-size:19px;line-height:1.35}.conversion-drop>p{margin-top:5px;font-size:13px;line-height:1.5}.conversion-drop .action-row{justify-content:center;gap:8px;margin:18px 0 3px}.conversion-drop .button{min-height:44px;padding:10px 15px;font-size:12px}.conversion-sample{min-height:44px;color:var(--accent);text-underline-offset:3px;padding:10px;font-size:12px;text-decoration:underline}.conversion-drop>.conversion-limits,.conversion-drop>.conversion-paste-help{max-width:360px;font-size:11px;line-height:1.55}.conversion-drop>.conversion-limits{margin-top:11px}.conversion-drop>.conversion-paste-help{margin-top:8px}.conversion-settings h2{letter-spacing:-.4px;margin-bottom:12px;font-size:19px}.conversion-settings .field{gap:6px;margin-bottom:12px;font-size:12px}.conversion-settings .field input,.conversion-settings .field select{min-height:44px;font-size:14px}.conversion-quality-controls{align-items:flex-end;gap:13px;display:flex}.conversion-quality-controls>input[type=range]{min-width:0;accent-color:var(--accent);flex:1;min-height:44px;margin:0}.conversion-quality-controls>.field{width:74px;margin:0}.conversion-quality-controls>.field input{width:100%;padding:8px}.conversion-quality-caption{margin-bottom:5px;font-size:12px;display:block}.conversion-quality-presets{gap:6px;margin:7px 0 10px;display:flex}.conversion-quality-preset{border:1px solid var(--line);border-radius:7px;flex:1;min-height:44px;padding:5px;font-size:12px}.conversion-quality-preset[aria-pressed=true]{background:var(--wash);border-color:var(--accent);color:var(--accent);font-weight:650}.conversion-background{border:0;min-width:0;margin:0 0 14px;padding:0}.conversion-background legend{margin-bottom:8px;font-size:12px;font-weight:550}.conversion-background-options{flex-wrap:wrap;gap:6px;display:flex}.conversion-background-options label{border:1px solid var(--line);cursor:pointer;border-radius:7px;align-items:center;gap:6px;min-height:44px;padding:8px;font-size:11px;display:flex}.conversion-background-options input{accent-color:var(--accent);width:17px;height:17px;margin:0}.conversion-background>.field{margin-top:10px}.conversion-background>.field input[type=color]{width:100%;padding:5px}.conversion-background legend span{color:var(--muted);font-size:11px;font-weight:400}.conversion-setting-note{margin-top:6px;font-size:11px;line-height:1.55}.conversion-submit{width:100%;min-height:48px;margin-top:12px}.conversion-progress{color:var(--accent);margin-top:10px;font-size:12px}.conversion-resize-toggle{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:12px;display:flex}.conversion-resize-toggle input{accent-color:var(--accent);width:18px;height:18px}.conversion-resize-settings .field-grid{margin-top:10px}.conversion-resize-settings .field{min-width:0;margin-bottom:4px}.conversion-resize-settings .field input{width:100%}.conversion-resize-settings .conversion-setting-note{margin:6px 0 12px}.conversion-selected-heading{justify-content:space-between;align-items:center;gap:10px;margin-top:15px;display:flex}.conversion-selected-heading h3{font-size:13px}.conversion-selected-heading .button{min-height:44px;padding:7px 10px;font-size:11px}.conversion-file-list{max-height:280px;margin:8px 0 0;padding:0;list-style:none;overflow:auto}.conversion-file-list li{border-top:1px solid var(--line);align-items:center;gap:9px;padding:10px 0;display:flex}.conversion-file-list li>div{flex:1;min-width:0}.conversion-file-list strong{overflow-wrap:anywhere;font-size:12px;font-weight:550;display:block}.conversion-file-list li span:not(.conversion-file-icon){color:var(--muted);margin-top:4px;font-size:11px;display:block}.conversion-file-icon{color:var(--accent)}.conversion-file-icon .ui-icon{width:24px;height:24px}.conversion-remove{border-radius:7px;min-width:44px;min-height:44px;font-size:23px}.conversion-remove:hover{background:var(--wash)}.conversion-workspace .conversion-panels>.work-output{background:var(--surface);border:1px solid var(--line);border-radius:13px;margin-top:17px;padding:20px}.conversion-result-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.conversion-result-heading h2{font-size:21px}.conversion-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.conversion-result-card{border:1px solid var(--line);border-radius:10px;min-width:0;padding:14px}.conversion-result-card .result-image{object-fit:contain;background:var(--bg);border-radius:7px;width:100%;max-height:240px;margin:0;display:block}.conversion-result-card .output-details{overflow-wrap:anywhere;gap:5px;margin:13px 0;font-size:12px;display:grid}.conversion-result-card .output-details span{color:var(--muted);font-size:11px;font-weight:400}.conversion-result-card .image-download{width:100%;min-height:44px;margin-top:14px}.conversion-comparison{gap:5px;font-size:11px;line-height:1.5;display:grid}.conversion-comparison>span{color:var(--muted)}.conversion-comparison>strong{color:var(--accent);font-size:14px}.conversion-comparison[data-change=larger]>strong{color:var(--text)}.conversion-batch-total{background:var(--wash);border-radius:9px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;padding:15px;display:flex}.conversion-batch-total h3{font-size:13px}.conversion-next{flex-wrap:wrap;margin:20px 0 0}.conversion-next .button{min-height:44px}@media (width<=700px){.conversion-workspace .conversion-panels>.work-input{grid-template-columns:1fr}.conversion-selection,.conversion-settings{padding:15px}.conversion-drop{min-height:285px;padding:25px 13px}.conversion-settings .field input,.conversion-settings .field select{font-size:16px}.conversion-workspace .conversion-panels>.work-output{padding:15px}.conversion-result-grid{grid-template-columns:1fr}.conversion-batch-total{flex-direction:column;align-items:flex-start}.conversion-background-options label{flex:1;justify-content:center}.conversion-result-heading{align-items:flex-start}.conversion-result-heading .button{width:100%}.conversion-next .button{flex:1}.conversion-result-card .result-image{max-height:310px}}.target-compression-workspace .conversion-drop{height:auto;min-height:310px}.target-original{margin-top:18px}.target-source-preview{object-fit:contain;background:var(--bg);border-radius:9px;width:100%;max-height:220px;display:block}.target-original .image-source-details{overflow-wrap:anywhere;gap:6px;margin:12px 0 0;font-size:12px;display:grid}.target-original .image-source-details span{color:var(--muted);font-size:11px}.target-budget{color:var(--accent);margin:-5px 0 15px;font-size:11px;line-height:1.5}.target-settings .checkbox{flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:9px;min-height:44px;margin-top:12px;display:flex}.target-settings .checkbox input{width:18px;height:18px;min-height:0;accent-color:var(--accent)}.target-settings .field input[type=color]{width:100%;padding:5px}.target-settings>.button.secondary{width:100%;min-height:44px;margin-top:8px}.target-failure-details{color:var(--text);background:var(--wash);border-radius:8px;margin-top:12px;padding:12px;font-size:12px;line-height:1.6}.target-compression-workspace .work-output h2{margin-bottom:17px;font-size:22px}.target-result-preview{object-fit:contain;background:var(--bg);border-radius:10px;width:100%;max-height:400px;display:block}.target-compression-workspace .output-details{overflow-wrap:anywhere;gap:7px;font-size:13px;display:grid}.target-compression-workspace .output-details span{color:var(--muted);font-size:12px;font-weight:400}.target-actual-size{background:var(--wash);color:var(--accent);border-radius:8px;margin:15px 0;padding:14px;font-size:14px;font-weight:600}.target-dimension-change{margin:10px 0 18px;font-size:12px}.target-compression-workspace .image-download{min-height:48px}@media (width<=700px){.target-settings .field input,.target-settings .field select{font-size:16px}.target-actual-size{font-size:13px}.target-compression-workspace .image-download{width:100%}}