.settings-compact{background:transparent;border:2px solid var(--primary);border-radius:12px;padding:1.75rem;margin-bottom:1.5rem;box-shadow:0 0 0 1px #3b82f61a}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem}.setting-group{display:flex;flex-direction:column;gap:.5rem}.setting-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between}.quality-value{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;padding:.25rem .5rem;background:var(--primary);color:#fff;border-radius:6px;font-size:.85rem;font-weight:700}.setting-control{width:100%;padding:.625rem .875rem;background:#0f172a80;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem;transition:all .2s ease}.setting-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.setting-slider{padding:.5rem 0;cursor:pointer}.setting-control::placeholder{color:var(--text-muted);opacity:.6}.settings-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.option-card{display:flex;align-items:flex-start;gap:.875rem;padding:1rem;background:#0f172a4d;border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.option-card:hover{border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.option-card.selected{border-color:var(--primary);background:#3b82f626}.option-checkbox{width:20px;height:20px;min-width:20px;border:2px solid var(--text-muted);border-radius:5px;background:transparent;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;margin-top:2px}.option-checkbox.checked{background:var(--primary);border-color:var(--primary)}.option-checkbox.checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;line-height:1}.option-content{flex:1}.option-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.option-description{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.upload-container{margin-bottom:2rem}.drop-zone-compact{border:3px dashed var(--primary);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:transparent;position:relative}.drop-zone-compact:before{content:"";position:absolute;inset:0;border-radius:10px;background:linear-gradient(135deg,#8b5cf614,#a855f71f);opacity:0;transition:opacity .3s ease}.drop-zone-compact:hover:before,.drop-zone-compact.drag-over:before{opacity:1}.drop-zone-compact:hover,.drop-zone-compact.drag-over{border-color:#a855f7;transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf640}.drop-zone-compact>*{position:relative;z-index:1}.drop-icon{font-size:3rem;display:block;margin-bottom:.75rem}.drop-text{font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem}.drop-text strong{color:var(--primary)}.drop-hint{font-size:.85rem;color:var(--text-tertiary)}.files-list-compact{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;overflow:visible}.empty-files{text-align:center;padding:2rem;color:var(--text-tertiary);font-size:.95rem}.file-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#0f172a4d;border:1px solid var(--border);border-radius:8px;transition:all .2s ease;overflow:visible;position:relative}.file-item:hover{background:#0f172a80;border-color:#3b82f64d}.file-item.processed{border-color:#10b98166;background:#10b9810d}.file-preview-icon{position:relative;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:6px;transition:all .2s ease}.file-preview-icon:hover{color:var(--primary);background:#3b82f626;border-color:var(--primary)}.image-preview-overlay{position:fixed;z-index:999999;pointer-events:auto;background:#000000f2;padding:.75rem;border-radius:12px;border:2px solid var(--primary);box-shadow:0 20px 60px #000000e6;display:flex;align-items:center;justify-content:center;cursor:pointer}.image-preview-overlay img{display:block;max-width:400px;max-height:400px;width:auto;height:auto;object-fit:contain;border-radius:8px}.file-name{flex:1;min-width:150px;font-size:.9rem;font-weight:600;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.file-size-info{display:flex;align-items:center;gap:.5rem;font-size:.8rem;white-space:nowrap;flex-shrink:0}.size-original{color:var(--text-secondary);font-weight:500}.size-arrow{color:var(--text-muted)}.size-new{color:var(--success);font-weight:600}.size-savings{font-weight:700;padding:.2rem .5rem;border-radius:5px;font-size:.75rem}.size-savings.positive{background:#10b98133;color:var(--success)}.size-savings.negative{background:#ef444433;color:var(--error)}.file-progress-inline{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.spinner-inline{width:18px;height:18px;border:2px solid rgba(59,130,246,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-label{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.file-actions-inline{display:flex;gap:.375rem;flex-shrink:0;margin-left:auto}.action-btn{width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid;cursor:pointer;transition:all .2s ease;background:transparent}.action-btn:hover{transform:translateY(-1px)}.action-process{color:#3b82f6;border-color:#3b82f64d;background:#3b82f614}.action-process:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.action-download{color:#10b981;border-color:#10b9814d;background:#10b98114}.action-download:hover{background:var(--success);color:#fff;border-color:var(--success)}.action-remove{color:#ef4444;border-color:#ef44444d;background:#ef444414}.action-remove:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.action-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.action-buttons .btn{flex:1;min-width:140px}@media (max-width: 768px){.settings-grid{grid-template-columns:1fr;gap:1rem}.settings-options{grid-template-columns:1fr}.file-item{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:.4rem .5rem;padding:.6rem .5rem;align-items:center}.file-preview-icon{grid-column:1;grid-row:1 / 3;width:20px;height:20px;align-self:center}.file-preview-icon svg{width:12px;height:12px}.file-name{grid-column:2;grid-row:1;font-size:.85rem;min-width:0;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;line-height:1.3}.file-size-info{grid-column:2;grid-row:2;font-size:.7rem;gap:.3rem;justify-content:flex-start}.file-progress-inline{grid-column:2;grid-row:2}.file-actions-inline{grid-column:3;grid-row:1 / 3;display:flex;gap:.35rem;align-self:center}.size-arrow{font-size:.65rem}.size-savings{padding:.15rem .4rem;font-size:.65rem}.action-btn{width:30px;height:30px}.action-btn svg{width:12px;height:12px}.action-buttons .btn{min-width:auto;font-size:.85rem;padding:.5rem .75rem}.file-preview-popup img{max-width:90vw;max-height:90vh}}@media (min-width: 769px) and (max-width: 1024px){.settings-row{grid-template-columns:repeat(2,1fr)}}