.ic-settings{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--line)}.ic-setting-group{display:flex;flex-direction:column;gap:8px}.ic-slider-row{display:flex;align-items:center;gap:12px}.ic-slider{flex:1;accent-color:var(--accent);height:6px}.ic-slider-val{font-family:var(--font-mono);font-size:22px;color:var(--accent);min-width:40px;text-align:right;font-weight:600}.ic-dim-row{display:flex;align-items:center;gap:8px}.ic-dim-row .input{width:100px;text-align:center;font-family:var(--font-mono);font-size:13px}.ic-dim-sep{color:var(--text-faint);font-family:var(--font-mono);font-size:14px}.ic-drop-zone{border:2px dashed var(--line-strong);border-radius:var(--radius-m);padding:48px 24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;position:relative}.ic-drop-zone:hover,.ic-drop-zone.drag-over{border-color:var(--accent);background:var(--accent-soft)}.ic-drop-zone-icon{font-size:40px;margin-bottom:12px;opacity:.6}.ic-drop-zone-text{font-family:var(--font-mono);font-size:14px;color:var(--text-dim);line-height:1.7}.ic-drop-zone-text strong{color:var(--accent)}.ic-file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.ic-stats-bar{display:flex;gap:24px;align-items:center;padding:16px 20px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-m);margin-top:20px;flex-wrap:wrap}.ic-stat-item{display:flex;flex-direction:column;gap:2px}.ic-stat-num{font-family:var(--font-serif);font-size:22px;font-weight:600;color:var(--accent);letter-spacing:-.02em;line-height:1}.ic-stat-label{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase}.ic-stat-savings{color:var(--good)}.ic-stat-savings.bad{color:var(--bad)}.ic-results{margin-top:24px;display:flex;flex-direction:column;gap:16px}.ic-result-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-m);padding:20px;display:grid;grid-template-columns:120px 1fr auto;gap:20px;align-items:start;transition:border-color .2s}.ic-result-card:hover{border-color:var(--accent)}.ic-result-preview{width:120px;height:90px;border-radius:var(--radius-s);overflow:hidden;background:repeating-conic-gradient(var(--bg-3) 0% 25%,var(--bg) 0% 50%) 50% / 16px 16px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.ic-result-preview img{max-width:100%;max-height:100%;object-fit:contain}.ic-result-info{display:flex;flex-direction:column;gap:6px;min-width:0}.ic-result-name{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ic-result-dims{font-family:var(--font-mono);font-size:12px;color:var(--text-faint)}.ic-result-sizes{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ic-result-orig-size{font-family:var(--font-mono);font-size:13px;color:var(--text-dim);text-decoration:line-through;text-decoration-color:var(--text-faint)}.ic-result-arrow{color:var(--text-faint);font-size:14px}.ic-result-comp-size{font-family:var(--font-mono);font-size:13px;color:var(--good);font-weight:600}.ic-result-comp-size.bad{color:var(--bad)}.ic-result-ratio{font-family:var(--font-mono);font-size:11px;padding:2px 8px;border-radius:var(--radius-s);background:#4ade801f;color:var(--good);border:1px solid rgba(74,222,128,.2);white-space:nowrap}.ic-result-ratio.bad{background:#f871711f;color:var(--bad);border-color:#f8717133}.ic-result-progress{width:100%;height:3px;background:var(--bg-3);border-radius:var(--radius-s);overflow:hidden;margin-top:4px}.ic-result-progress-bar{height:100%;background:var(--accent);border-radius:var(--radius-s);transition:width .3s}.ic-result-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.ic-dl-btn{background:none;border:1px solid var(--line-strong);color:var(--text-dim);font-family:var(--font-mono);font-size:12px;padding:8px 14px;border-radius:var(--radius-s);cursor:pointer;transition:color .2s,border-color .2s,background .2s;white-space:nowrap}.ic-dl-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.ic-remove-btn{background:none;border:none;color:var(--text-faint);cursor:pointer;font-size:14px;padding:4px 8px;border-radius:var(--radius-s);transition:color .2s,background .2s}.ic-remove-btn:hover{color:var(--bad);background:#f871711a}.ic-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:1000;display:none;align-items:center;justify-content:center;cursor:pointer}.ic-modal-overlay.active{display:flex}.ic-modal-content{max-width:90vw;max-height:90vh;position:relative}.ic-modal-content img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:var(--radius-m)}.ic-modal-close{position:absolute;top:-36px;right:0;background:none;border:none;color:var(--text-dim);font-size:28px;cursor:pointer;line-height:1}.ic-modal-close:hover{color:var(--text)}.ic-modal-label{font-family:var(--font-mono);font-size:12px;color:var(--text-faint);text-align:center;margin-top:10px}@media(max-width:900px){.ic-settings{grid-template-columns:1fr;gap:16px}.ic-result-card{grid-template-columns:80px 1fr}.ic-result-actions{grid-column:1 / -1;flex-direction:row;justify-content:flex-end}.ic-result-preview{width:80px;height:60px}.ic-drop-zone{padding:32px 16px}.ic-stats-bar{gap:16px}}@media(max-width:500px){.ic-result-card{grid-template-columns:1fr}.ic-result-preview{width:100%;height:120px}}@keyframes ic-pulse{0%{opacity:.4}to{opacity:1}}