.drop-area {
 border: 2px dashed #e0e0e0;
 border-radius: 10px;
 padding: 40px 20px;
 text-align: center;
 cursor: pointer;
 transition: all 0.3s;
 margin-bottom: 20px;
 }
 .drop-area:hover, .drop-area.dragover {
 background-color: #f5f5f5;
 border-color: #585858;
 }
 .file-info {
 margin-top: 15px;
 padding: 10px;
 background-color: #f8f9fa;
 border-radius: 5px;
 }
 .preview-container {
 text-align: center;
 margin: 20px 0;
 }
 .preview-img {
 max-width: 100%;
 max-height: 300px;
 border: 1px solid #ddd;
 border-radius: 5px;
 padding: 5px;
 }
 .conversion-options {
 margin: 20px 0;
 }
 .quality-control, .size-control {
 margin-top: 15px;
 }
 .progress-container {
 display: none;
 margin: 20px 0;
 }
 .result-container {
 display: none;
 margin-top: 20px;
 }
 .result-image {
 max-width: 100%;
 max-height: 300px;
 border: 1px solid #ddd;
 border-radius: 5px;
 padding: 5px;
 }
 .download-btn {
 margin-top: 10px;
 }
 .btn-format {
 margin: 5px;
 }
 .batch-files {
 margin-top: 20px;
 }
 .file-list {
 max-height: 300px;
 overflow-y: auto;
 border: 1px solid #ddd;
 border-radius: 5px;
 padding: 10px;
 margin-top: 10px;
 }
 .file-item {
 padding: 8px;
 border-bottom: 1px solid #eee;
 display: flex;
 justify-content: space-between;
 align-items: center;
 }
 .file-item:last-child {
 border-bottom: none;
 }
 .file-remove {
 color: #d9534f;
 cursor: pointer;
 }
 .batch-progress {
 margin: 10px 0;
 }
 .batch-result-item {
 padding: 10px;
 border: 1px solid #ddd;
 border-radius: 5px;
 margin-bottom: 10px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 }
 .size-presets {
 display: flex;
 gap: 5px;
 flex-wrap: wrap;
 margin-top: 10px;
 }
 .size-preset-btn {
 padding: 5px 10px;
 font-size: 12px;
 }
 .dimension-inputs {
 display: flex;
 gap: 10px;
 align-items: center;
 }
 .dimension-input {
 width: 100px;
 }
 .lock-aspect {
 cursor: pointer;
 color: #337ab7;
 }
 /* Стили для счетчика файлов */
 .files-counter {
 margin-top: 10px;
 font-weight: bold;
 font-size: 14px;
 }
 .memory-warning {
 margin-top: 5px;
 padding: 5px;
 background: #fff3cd;
 border: 1px solid #ffeaa7;
 border-radius: 4px;
 font-size: 12px;
 display: none;
 }
 /* Стили для SVG превью */
 .svg-preview-wrapper {
 max-width: 100%;
 max-height: 300px;
 overflow: auto;
 border: 1px solid #ddd;
 border-radius: 5px;
 padding: 10px;
 background: white;
 }
 .svg-preview-wrapper svg {
 display: block;
 margin: 0 auto;
 max-width: 100%;
 max-height: 250px;
 }