.nji-tool-container{max-width:900px;margin:40px auto;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgb(0 0 0 / .08);padding:40px;font-family:Arial,sans-serif}.nji-tool-header{text-align:center;margin-bottom:35px}.nji-tool-header h1{font-size:38px;margin-bottom:15px;color:#222}.nji-tool-header p{color:#666;line-height:1.7;font-size:16px}.nji-upload-area{border:3px dashed #0073aa;border-radius:15px;padding:50px 30px;text-align:center;background:#f8fbff;transition:.3s}.nji-upload-area:hover{background:#eef8ff}.nji-upload-icon{font-size:70px;margin-bottom:15px}.nji-upload-area h2{margin:10px 0;color:#222}.nji-upload-area button{background:#0073aa;color:#fff;border:none;padding:14px 30px;border-radius:8px;cursor:pointer;font-size:16px;margin-top:20px}.nji-upload-area button:hover{background:#005e8a}.nji-preview-wrapper{display:none;margin-top:40px}.nji-preview-box{text-align:center}.nji-preview-box img{max-width:100%;border-radius:12px}.nji-info-box{display:flex;justify-content:space-between;margin-top:25px;gap:20px}.nji-info-item{flex:1;background:#f7f7f7;padding:20px;border-radius:10px;text-align:center}.nji-info-item span{display:block;color:#777}.nji-info-item strong{display:block;margin-top:8px;font-size:20px}.nji-quality-box{margin-top:30px}.nji-quality-box label{font-weight:700}.nji-quality-box input{width:100%;margin:15px 0}.nji-buttons{display:flex;gap:20px;margin-top:30px}.nji-buttons button{flex:1;padding:15px;border:none;border-radius:8px;cursor:pointer;background:#0073aa;color:#fff;font-size:17px}.nji-buttons button:hover{background:#005e8a}@media(max-width:768px){.nji-tool-container{padding:20px}.nji-tool-header h1{font-size:28px}.nji-info-box{flex-direction:column}.nji-buttons{flex-direction:column}}.drag-active{border:2px dashed #0d6efd!important;background:#eef7ff;transition:.3s}.nji-mode-box{display:flex;gap:20px;margin:20px 0}.nji-mode-box label{cursor:pointer;font-weight:600}#njiTargetSizeBox input{width:120px;padding:10px;margin-top:8px}