.pro-resizer-body{color:#333;margin:0;padding:0}.pro-resizer-container{max-width:1100px;padding:0 20px}.pro-resizer-title{text-align:center;font-size:2rem;font-weight:600;color:#222;margin-bottom:25px}.pro-resizer-card{background:linear-gradient(to right,#ff4b4b,#fff);border-radius:15px;padding:25px;box-shadow:0 6px 16px rgba(0,0,0,.1);transition:.3s;margin-bottom:30px}.pro-resizer-upload-box{height:220px;width:100%;border:2px dashed #ff4b4b;background:#fff;padding:40px;text-align:center;border-radius:12px;transition:.25s;display:flex;align-items:center;justify-content:center;cursor:pointer}.pro-resizer-upload-box:hover{background:#fff5f5}.pro-resizer-upload-box.dragover{border-color:#007bff;background:#e3f2fd}.pro-resizer-controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.pro-resizer-input{width:150px;padding:10px;border:1px solid #ccc;border-radius:8px;font-size:15px}.pro-resizer-btn{margin:12px;padding:10px 14px;border:none;border-radius:8px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s,transform .2s}.pro-resizer-btn:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);transform:scale(1.03)}.pro-resizer-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:10px;justify-items:center}.pro-resizer-image-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.08);transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}.resize-download-btn,.resize-option,.resize-option input{transition:.3s;cursor:pointer}.pro-resizer-image-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.15)}.pro-resizer-image-card img{width:100%;height:180px;object-fit:cover;display:block;background:#f2f2f2}.pro-resizer-image-card p{min-height:44px;margin:0;padding:10px 12px;font-size:14px;font-weight:500;color:#333;text-align:center;background:#fafafa;display:flex;align-items:center;justify-content:center}.pro-resizer-image-card:not(:has(p))::after{content:"";height:44px;background:#fafafa;display:block}.resize-heading{font-size:1.2rem;font-weight:600;color:#222;margin:20px 0 10px;border-bottom:2px solid #e5e7eb;padding-bottom:6px}.resize-options-group{display:grid;gap:10px}.resize-option{position:relative;display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:10px 15px;font-size:.95rem;color:#374151}.resize-option:hover{border-color:#ef4444;transform:translateY(-2px);box-shadow:0 3px 8px rgba(239,68,68,.15)}.resize-option input{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #d1d5db;border-radius:50%;margin-right:10px;position:relative}.resize-option input:checked{border-color:#ef4444;background-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.15)}.resize-option input:checked::after{content:'';position:absolute;top:4px;left:4px;width:6px;height:6px;border-radius:50%;background:#fff}.resize-option span{display:flex;flex-direction:column}.resize-option small{color:#6b7280;font-size:.8rem}.resize-option input:checked+span{color:#ef4444;font-weight:600}.resize-download-btn{background-color:#16a34a!important;color:#fff;padding:10px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;box-shadow:0 4px 10px rgba(0,0,0,.15)}.resize-download-btn:hover{background-color:#15803d!important;transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.2)}.resize-download-btn:active{transform:scale(.97);box-shadow:0 2px 8px rgba(0,0,0,.15)}.purple-3d-btn{padding:15px 25px;font-size:15px}.resize-select-box{width:100%;margin:0 0 18px;display:flex;flex-direction:column}.resize-select-box label,form label{display:block;width:100%;font-size:15px;font-weight:600;color:#1e1e1e;margin-bottom:6px;letter-spacing:.2px;text-transform:capitalize;text-align:center;margin-top:15px}.resize-select-box select{width:100%;padding:13px 14px;font-size:15px;font-weight:500;border-radius:8px;border:2px solid #dcdcdc;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='gray' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.17l3.71-3.94a.75.75 0 1 1 1.08 1.04l-4.25 4.5a.75.75 0 0 1-1.08 0l-4.25-4.5a.75.75 0 0 1 .02-1.06Z'/%3E%3C/svg%3E") right 14px center/20px no-repeat #fff;outline:0;transition:.25s ease-in-out;appearance:none;-webkit-appearance:none;cursor:pointer}.resize-select-box select:hover{border-color:#999}.resize-select-box select:focus{border-color:#2778ff;box-shadow:0 0 0 3px rgba(39,120,255,.28)}@media (max-width:480px){.pro-resizer-preview{grid-template-columns:repeat(2,1fr)}.pro-resizer-image-card img{height:140px}.pro-resizer-btn{font-size:13px;padding:8px 10px}}@media (max-width:600px){#resize-options-settings{max-width:90%;padding:15px}.resize-option{font-size:.9rem;padding:8px 12px}}@media (max-width:768px){.pro-resizer-card{padding:20px}.pro-resizer-image-card img{height:160px}}@media only screen and (min-width:768px) and (max-width:1024px){.pro-resizer-image-card{width:240px}}