.face-swap-container{max-width:600px;margin:20px auto;padding:20px;border:1px solid #ddd;border-radius:8px;font-family:Arial,sans-serif}.face-swap-header{text-align:center;margin-bottom:20px}.face-swap-header h2{color:#333;margin-bottom:10px}.face-swap-header p{color:#666;margin:0}.upload-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.upload-box{padding:15px;background:#f9f9f9;border-radius:5px;text-align:center;border:1px solid #e0e0e0}.upload-box h3{margin-top:0;margin-bottom:15px;color:#333;font-size:16px}.upload-box input[type=file]{margin:10px 0;width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;background:#fff}button[id^=swap-btn-]{display:block;width:200px;margin:20px auto;padding:12px;background:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease}button[id^=swap-btn-]:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}button[id^=swap-btn-]:disabled{background:#ccc;cursor:not-allowed;transform:none}div[id$=-preview] img{max-width:100%;max-height:200px;border-radius:5px;margin-top:10px;box-shadow:0 2px 8px #0000001a}div[id^=result-]{text-align:center;margin-top:30px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}div[id^=result-] h3{color:#333;margin-bottom:15px}div[id^=result-] img{max-width:100%;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:15px}div[id^=result-] button{margin:5px;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:all .3s ease}div[id^=result-] button:first-of-type{background:#28a745;color:#fff}div[id^=result-] button:first-of-type:hover{background:#218838}div[id^=result-] button:last-of-type{background:#dc3545;color:#fff}div[id^=result-] button:last-of-type:hover{background:#c82333}div[id^=result-] p{color:#666;font-style:italic}div[style*="color: red"]{background:#f8d7da;border-color:#f5c6cb!important}div[style*="color: red"] h3,div[style*="color: red"] p{color:#721c24}@media (max-width: 768px){.upload-section{grid-template-columns:1fr;gap:15px}.face-swap-container{margin:10px;padding:15px}button[id^=swap-btn-]{width:100%;margin:15px 0}.upload-box{padding:12px}div[id^=result-]{padding:15px;margin-top:20px}}@media (max-width: 480px){.face-swap-container{margin:5px;padding:10px}.face-swap-header h2{font-size:20px}.upload-box h3{font-size:14px}button[id^=swap-btn-]{font-size:14px;padding:10px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/face-swap.css.map */