.preview{display:flex;justify-content:center;gap:20px;margin-top:20px;flex-wrap:wrap;padding:20px}.original,.result{flex:1;min-width:300px;max-width:100%;border:1px solid #ddd;border-radius:4px;padding:10px;height:400px;display:flex;flex-direction:column;overflow:hidden}.original h3,.result h3{margin:0 0 10px}.image-container{width:100%;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;flex:1;overflow:hidden}.image-container img{max-width:100%;max-height:100%;object-fit:contain}.result-canvas{max-width:100%;height:auto;min-height:200px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}@media screen and (max-width:768px){.original{display:none}.result{max-width:100%;height:auto;max-height:65vh;flex:1 1 100%}.image-container,.result-canvas{min-height:150px;height:100%;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch}}