.main-converter{max-width:900px;margin:0 auto}.upload-section{margin-bottom:var(--spacing-xl)}.drop-zone{border:3px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xxl);text-align:center;cursor:pointer;transition:all .3s;background:var(--bg-card)}.drop-zone.dragover,.drop-zone:hover{border-color:var(--color-primary);background:var(--color-primary-muted)}.drop-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.drop-text{font-size:1.2rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs)}.drop-subtext{color:var(--color-text-muted);font-size:.9rem}.format-info{text-align:center;color:var(--color-text-muted);font-size:.85rem;margin-top:var(--spacing-sm)}.editor-section{display:grid;grid-template-columns:1fr 350px;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.preview-container{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;border:1px solid var(--color-border)}.preview-container img{max-width:100%;max-height:400px;object-fit:contain;border-radius:var(--radius-sm)}.image-info{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-body);border-radius:var(--radius-sm);font-size:.85rem;color:var(--color-text-secondary)}.controls-panel{display:flex;flex-direction:column;gap:var(--spacing-lg)}.control-group{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border)}.control-group h3{margin-bottom:var(--spacing-md);font-size:1rem;color:var(--color-text)}.size-inputs{display:flex;align-items:flex-end;gap:var(--spacing-sm)}.size-inputs .campo{flex:1;margin-bottom:0}.link-icon{padding-bottom:var(--spacing-md);font-size:1.2rem;cursor:pointer;opacity:.5;transition:opacity .2s}.link-icon.linked{opacity:1;color:var(--color-primary)}input[type=range]{width:100%;height:8px;-webkit-appearance:none;background:var(--bg-body);border-radius:var(--radius-sm);outline:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--color-primary);border-radius:50%;cursor:pointer}.quality-hint{font-size:.8rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.format-options{display:flex;gap:var(--spacing-sm)}.format-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-body);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:600;cursor:pointer;transition:all .2s}.format-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.format-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.actions-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.result-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;border:2px solid var(--color-success)}.result-section h2{color:var(--color-success);margin-bottom:var(--spacing-lg)}.result-preview{background:var(--bg-body);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.result-preview img{max-width:100%;max-height:300px;object-fit:contain}.result-info{display:flex;justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.info-item{text-align:center}.info-label{display:block;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase}.info-value{font-size:1.2rem;font-weight:700;color:var(--color-text)}.info-item.success .info-value{color:var(--color-success)}@media (max-width:800px){.editor-section{grid-template-columns:1fr}}