.image-flipper-container{max-width:1280px;margin:40px auto;padding:30px;background:linear-gradient(145deg,#f5f7fa,#e4e7eb);border-radius:16px;box-shadow:0 8px 24px rgb(0 0 0 / .1);font-family:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.image-flipper-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:30px}.image-flipper-section{background:#fff;padding:25px;border-radius:12px;border:1px solid #e5e7eb;transition:all 0.3s ease}.image-flipper-section:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgb(0 0 0 / .08)}.image-flipper-section h3{margin:0 0 20px;font-size:22px;font-weight:600;color:#2d3748;position:relative;padding-bottom:8px}.image-flipper-section h3::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background:#4c6ef5;border-radius:2px}.image-flipper-upload input[type='file']{display:block;width:100%;padding:12px;border:2px dashed #d1d5db;border-radius:8px;background:#f9fafb;font-size:15px;color:#4b5563;cursor:pointer;transition:border-color 0.3s ease}.image-flipper-upload input[type='file']:hover{border-color:#4c6ef5}.image-flipper-upload input[type='file']::-webkit-file-upload-button{background:#4c6ef5;color:#fff;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background 0.3s ease}.image-flipper-upload input[type='file']::-webkit-file-upload-button:hover{background:#3b5bdb}.image-flipper-preview img{max-width:100%;max-height:300px;display:block;margin:20px auto 0;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 2px 8px rgb(0 0 0 / .05)}.image-flipper-options label{display:flex;align-items:center;margin-bottom:15px;font-size:16px;color:#4b5563;font-weight:500}.image-flipper-options input[type='checkbox']{margin-right:12px;width:18px;height:18px;accent-color:#4c6ef5;cursor:pointer}.image-flipper-actions{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.image-flipper-actions button{padding:10px 24px;border:none;border-radius:50px;cursor:pointer;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all 0.3s ease}.download-btn[data-type='png']{background:#2dd4bf;color:#fff}.download-btn[data-type='jpg']{background:#f97316;color:#fff}.download-btn[data-type='webp']{background:#a855f7;color:#fff}#copyToClipboard{background:#4c6ef5;color:#fff}.image-flipper-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .1)}.image-flipper-button{text-align:center;margin-top:20px}#flipButton{padding:14px 50px;background:linear-gradient(90deg,#4c6ef5,#7f9cf5);color:#fff;border:none;border-radius:50px;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgb(0 0 0 / .1)}#flipButton:hover{background:linear-gradient(90deg,#3b5bdb,#6b85f5);transform:translateY(-2px);box-shadow:0 6px 16px rgb(0 0 0 / .15)}#flipButton:active{transform:translateY(0);box-shadow:0 2px 8px rgb(0 0 0 / .1)}@media (max-width:768px){.image-flipper-container{padding:20px;margin:20px;border-radius:12px}.image-flipper-grid{grid-template-columns:1fr;gap:20px}.image-flipper-section{padding:20px}.image-flipper-section h3{font-size:20px}.image-flipper-preview img{max-height:200px}.image-flipper-options label{font-size:14px}.image-flipper-actions{gap:10px}.image-flipper-actions button{padding:8px 20px;font-size:13px}#flipButton{padding:12px 40px;font-size:14px}}