.image-converter-container{display:flex;flex-direction:column;align-items:center;gap:2rem;}.converter-ui{display:grid;grid-template-columns:3fr 1fr;gap:2rem;width:100%;max-width:1200px;}.files-container{background-color:var(--card-bg);border-radius:var(--radius-md);padding:1.5rem;min-height:400px;}.file-list-header{display:grid;grid-template-columns:2fr 1fr 1fr;padding:0 1rem 1rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-color-light);font-weight:500;}.file-info{grid-column:1;}.file-status{grid-column:2;text-align:center;}.file-action{grid-column:3;text-align:right;}.file-list{list-style:none;padding:0;margin:0;max-height:500px;overflow-y:auto;}.file-list-item{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);transition:background-color var(--transition-speed);}.file-list-item:last-child{border-bottom:none;}.file-list-item:hover{background-color:var(--card-bg-hover);}.file-details{display:flex;align-items:center;gap:1rem;overflow:hidden;}.file-thumbnail{width:50px;height:50px;border-radius:var(--radius-sm);object-fit:cover;background-color:var(--body-bg);}.file-name-size{display:flex;flex-direction:column;gap:0.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.file-size{font-size:0.875rem;color:var(--text-color-light);}.status-badge{display:inline-block;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.875rem;font-weight:500;text-align:center;}.status-badge.pending{background-color:rgba(255,159,64,0.2);color:#ff9f40;}.status-badge.converting{background-color:rgba(54,162,235,0.2);color:#36a2eb;}.status-badge.converted{background-color:rgba(75,192,192,0.2);color:#4bc0c0;}.status-badge.error{background-color:rgba(255,99,132,0.2);color:#ff6384;}.action-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color var(--transition-speed);cursor:pointer;}.action-link:hover{color:var(--primary-color-light);}.options-panel{background-color:var(--card-bg);border-radius:var(--radius-md);padding:1.5rem;position:sticky;top:8rem;display:flex;flex-direction:column;gap:1.5rem;}.options-title{font-size:1.25rem;margin-bottom:0;padding-bottom:1rem;border-bottom:1px solid var(--border-color);}.option-group label{display:block;margin-bottom:0.5rem;font-weight:500;color:var(--text-color-light);}.btn-link{background:none;border:none;color:var(--primary-color);cursor:pointer;padding:0;text-align:center;margin-top:1rem;}.btn-link:hover{color:var(--primary-color-light);}@media (max-width:992px){.converter-ui{grid-template-columns:1fr;}}