.virtual-try-on-wrapper{margin:20px 0}.virtual-try-on-btn{background:#007cba;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;padding:12px 24px;text-decoration:none;transition:background-color .2s ease}.virtual-try-on-btn:hover{background:#005a87;color:#fff}.virtual-try-on-modal{align-items:center;background:rgba(0,0,0,.8);box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:999999}.virtual-try-on-modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.2);max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.virtual-try-on-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.virtual-try-on-modal-header h2{color:#333;font-size:24px;margin:0}.virtual-try-on-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:background-color .2s ease;width:32px}.virtual-try-on-close:hover{background:#f0f0f0;color:#333}.virtual-try-on-modal-body{padding:24px}.virtual-try-on-step h3{color:#333;font-size:20px;margin-bottom:20px;margin-top:0}.virtual-try-on-upload-area{display:flex;flex-direction:column;gap:20px}.virtual-try-on-upload-dropzone{background:#fafafa;border:2px dashed #ccc;border-radius:8px;cursor:pointer;padding:40px;text-align:center;transition:all .2s ease}.virtual-try-on-upload-dropzone.dragover,.virtual-try-on-upload-dropzone:hover{background:#f0f8ff;border-color:#007cba}.virtual-try-on-upload-dropzone p{color:#666;font-size:16px;margin:0 0 15px}.virtual-try-on-upload-dropzone .button{background:#007cba;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.virtual-try-on-upload-dropzone .button:hover{background:#005a87}.virtual-try-on-image-preview{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:20px;text-align:center}.virtual-try-on-image-preview img{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:block;height:auto;margin-bottom:15px;margin-left:auto;margin-right:auto;max-height:300px;max-width:100%;width:auto}.virtual-try-on-process-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:background-color .2s ease}.virtual-try-on-process-btn:hover{background:#218838}.virtual-try-on-loader{padding:40px;text-align:center}.virtual-try-on-spinner{animation:virtual-try-on-spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007cba;height:48px;margin:0 auto 20px;width:48px}@keyframes virtual-try-on-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.virtual-try-on-loader p{color:#666;font-size:16px;margin:0}.virtual-try-on-result-image{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px;text-align:center}.virtual-try-on-result-image img{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:block;height:auto;margin:0 auto;max-height:500px;max-width:100%;width:auto}.virtual-try-on-result-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.virtual-try-on-download-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:background-color .2s ease}.virtual-try-on-download-btn:hover{background:#218838}.virtual-try-on-try-again-btn{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .2s ease}.virtual-try-on-try-again-btn:hover{background:#5a6268}.virtual-try-on-modal-open{overflow:hidden}@media (max-width:768px){.virtual-try-on-modal{padding:10px}.virtual-try-on-modal-content{margin:0;max-width:100%}.virtual-try-on-modal-header{padding:15px 20px}.virtual-try-on-modal-header h2{font-size:20px}.virtual-try-on-modal-body{padding:20px}.virtual-try-on-upload-dropzone{padding:30px 20px}.virtual-try-on-result-actions{align-items:center;flex-direction:column}.virtual-try-on-result-actions .button{max-width:200px;width:100%}}