.converter-container{max-width:900px;margin:2rem auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#212529;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1)}@media(max-width:768px){.converter-container{padding:1rem;margin:1rem}}.converter-title{text-align:center;color:#4361ee;margin-bottom:.5rem;font-size:2.2rem;font-weight:700}@media(max-width:576px){.converter-title{font-size:1.8rem}}.converter-description{text-align:center;color:#6c757d;margin-bottom:2rem;font-size:1.1rem}@media(max-width:576px){.converter-description{font-size:1rem}}.drop-zone{border:2px dashed #4361ee;border-radius:10px;padding:3rem 2rem;text-align:center;cursor:pointer;margin-bottom:2rem;background-color:rgba(67,97,238,.05);transition:all .3s ease}.drop-zone.dragging{background-color:rgba(67,97,238,.1);border-color:#3f37c9}.drop-zone.error{border-color:#f72585;background-color:rgba(247,37,133,.05)}.drop-zone .file-input{display:none}.drop-zone .drop-zone-content{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.drop-zone .drop-zone-content .upload-icon svg{width:48px;height:48px;fill:#4361ee;transition:all .3s ease}.drop-zone .drop-zone-content .drop-zone-text{font-size:1.2rem;font-weight:500;margin:0;color:#4361ee}.error .drop-zone .drop-zone-content .drop-zone-text{color:#f72585}.drop-zone .drop-zone-content .drop-zone-hint{font-size:.9rem;color:#6c757d;margin:0}.drop-zone:hover{background-color:rgba(67,97,238,.1)}.drop-zone:hover .upload-icon svg{transform:scale(1.1)}.loader{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.loader .spinner{width:40px;height:40px;border:4px solid rgba(67,97,238,.1);border-top-color:#4361ee;border-radius:50%;animation:spin 1s linear infinite}.loader p{margin:0;color:#4361ee;font-weight:500}@keyframes spin{to{transform:rotate(1turn)}}.file-info{display:flex;gap:2rem;margin-bottom:2rem;background-color:#e9ecef;padding:1.5rem;border-radius:8px;flex-wrap:wrap}@media(max-width:576px){.file-info{flex-direction:column;gap:1rem}}.file-info .file-preview{flex:1;min-width:250px;max-height:250px;overflow:hidden;border-radius:6px;background-color:#fff;display:flex;justify-content:center;align-items:center}.file-info .file-preview .preview-image{max-width:100%;max-height:100%;object-fit:contain}.file-info .file-details{flex:1;min-width:250px}.file-info .file-details h3{margin-top:0;color:#4361ee;border-bottom:2px solid #4361ee;padding-bottom:.5rem}.file-info .file-details p{margin:.5rem 0;font-size:.95rem}.file-info .file-details p strong{color:#212529;font-weight:600}.result-container{margin-top:2rem;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.05)}.result-container .result-header{background-color:#4361ee;color:#fff;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.result-container .result-header h3{margin:0;font-size:1.2rem}.result-container .result-header .action-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.result-container .result-header .action-buttons button{padding:.5rem 1rem;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem}.result-container .result-header .action-buttons button:hover{transform:translateY(-2px)}.result-container .result-header .action-buttons button.copy-button{background-color:#fff;color:#4361ee}.result-container .result-header .action-buttons button.copy-button.success{background-color:#4cc9f0;color:#fff}.result-container .result-header .action-buttons button.download-button{background-color:#3f37c9;color:#fff}.result-container .result-header .action-buttons button.reset-button{background-color:#f72585;color:#fff}.result-container .result-textarea{width:100%;min-height:150px;padding:1rem;border:1px solid #e9ecef;border-top:none;font-family:Courier New,Courier,monospace;font-size:.85rem;resize:vertical;background-color:#f8f9fa;color:#212529}.result-container .result-textarea:focus{outline:none;border-color:#4361ee}.result-container .result-hint{padding:.75rem 1rem;background-color:#e9ecef;font-size:.85rem;color:#6c757d}.result-container .result-hint p{margin:.25rem 0}.converter-footer{margin-top:2rem;text-align:center}.converter-footer .disclaimer{font-size:.85rem;color:#6c757d;font-style:italic}